0
Welcome Guest! Login
0 items Join Now

Responsive Gantry: adapting to 1280x800

Last Post
Search Topic

  • Responsive Gantry: adapting to 1280x800

    Posted 11 years 10 months ago
    • Hello all

      I'm new to gantry and responsive designs and I'm trying to do this:

      Adapt my gantry responsive template that detect 1280x800 and not using the 1200px section of grid-responsive.css:
       
.rt-container {width: 1200px;margin: 0 auto;position: relative;}
.rt-grid-1 {width: 100px;}
.rt-grid-2 {width: 200px;}
.rt-grid-3 {width: 300px;}
.rt-grid-4 {width: 400px;}
.rt-grid-5 {width: 500px;}
.rt-grid-6 {width: 600px;}
.rt-grid-7 {width: 700px;}
.rt-grid-8 {width: 800px;}
.rt-grid-9 {width: 900px;}
.rt-grid-10 {width: 1000px;}
.rt-grid-11 {width: 1100px;}
.rt-grid-12 {width: 1200px;padding-left:50px;padding-top:50px;}

      My goal:

      Apply padding-left:50px;padding-top:50px; to UP 1280x800px screens and padding-left:0;padding-top:0; for below resolutions.

      Now when I view the web in 1280x800 the paddings are there and I don't want to.

      It's this possible? how I must style the css for achieving this?
      Any example on this subject?

      Regards and thanks in advance.
    #984510

  • Re: Responsive Gantry: adapting to 1280x800

    Posted 11 years 10 months ago
    • Perhaps too obvious for all rocketers :/

      I'll keep searching.
    #984697

Time to create page: 0.077 seconds