Get a free trial // Grow your CSS skills // Land your dream job

Layout (960gs)

  • # November 14, 2013 at 12:03 pm


    I have an appearance problem & I cant identify what it is….. but i think the problem is around lines 148 -160…….

    Basically the test content (Flight Bookings, Hotel Booking & Corporate Travel) should be spaced out under grid 4 which each taking a 3rd of the page but this is not the case here. What could be wrong?

    Link is

    # November 14, 2013 at 12:30 pm

    You got typo, in your HTML, should be

    <div class="container_12">
    <div class="container_121">
    # November 14, 2013 at 12:35 pm

    I created a new rule & called it container_121 . The feature for container_121 is the white background colour for that div……………

    # November 14, 2013 at 12:57 pm

    I don’t see anywhere in your CSS that you declared .container_121 selector.
    You should have something like this in you CSS:

    .container_121 .grid_4 {
      width: 300px;
    # November 14, 2013 at 1:55 pm

    Hello Jurotek,

    Thanks a lot for your help so far. I do have the .container_121 in my css , below the rules for .grid_1-.grid_12. Thanks for your suggestion but it wont work as what I am trying is to have a div with width 960, white background colour and then the three elements styled with grid_4…. similar to (div with welcome, Hot destinations, Special Offers.)…..

    # November 14, 2013 at 4:47 pm

    Please listen to @jurotek, he’s fixed your problem. I just did what he said – changed class="container_121" to class="container_12" in Chrome Dev Tools and the problem goes away.

    If you would like to have a white background behind that part of the page, add another class to the same element, and then do:

        background-color: #ffffff;

    Obviously change that selector to the class name you use. :)

    # November 15, 2013 at 7:23 am


Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed