Hi Elizabeth :)

Can you post your code including css...

This is the code that will make them into a row....

/*This is from when i did the course*/

#gallery li {
    float: left;
    width: 45%;
    margin: 2.5%;
}

/*This is the clear fix to put in responsive.css to break into two rows*/

@media screen and (min-width: 480px) {

    #gallery li {
        width: 28.3333%;
    }

    #gallery li:nth-child(3n) {
        clear: left;
    }

}

/*You should then have two colums on mobile and 3 on Desktop with 2 images on top row and 3 on bottom :) */

Hope this helps Craig!

If not please post code

Hi Craig,

Thanks so much for your note. Here is my code:

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

Also, tried the code you used below. Either way, it still renders as a single column. Liz

Thanks so much for your response. Feeling a little silly now. The problem was with my HTML. Forgot to add an id (blushing).

We all do it Elizabeth, we will keep it on a need to know basis lol .... :) Good luck with rest of course if you want to Tag me in any future questions id me happy to help just drop an "@" before typing my name and ill get a notification an help as best I can...

Craig