Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Responsive Web Design and Testing Refactor the Layout

Bummer! Somone please help...

Inside the media query, select the list items inside the gallery and add a width of 28.3333%.

Bummer! Be sure to set the width of gallery list items to 28.3333% when the browser is wider than 480px.

I dont know what ive done wrong, its really early in the morning so my sleepless brain must be missing something....

css/main.css
@media screen and (min-width: 480px) {

}
#primary {
  width: 50%;
float: left;
}

#secondary {
  width: 40%;
  float: right;
}

  /*****************
3 + 5 = 15
100%-15% = 85%
85 / 3 = 28.333333333333
******************/

  /*****************
PAGE: PORTFOLIO
******************/

#gallery li {
  width 28.3333%;
}

#gallery li:nth-child(4n) {
  clear: left;
}
  /*****************
PAGE: ABOUT
******************/
.profile-photo {
  float: left;
  margin: 0 5% 80px 0;
}

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

    /*****************
HEADER
******************/

  nav {
    background: none;
    float: right;
    font-size: 1.125em;
    margin-right: 5%;
    text-align: right;
    width 45%;
  }

  #logo {
    float: left;
    margin-left: 5%;
    text-align: left;
    width: 45%;
  }

  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 0.825em;
    margin-bottom: 20px;
  }

  header {
    border-bottom: 5px solid #599a68;
    margin-bottom: 60px;
  }

}

2 Answers

Cypher-

You have forgotten your colon after the word 'width'. The code should be

#gallery li {
    width: 28.3333%;

? sorry but i have the colon i think could you right out the code for me to see? even if its a small bit

many people have given me basically the same thing i rote and nothing is working, ive used 3 other ways from other people ive asked nothing works. im failing lol

#gallery li {
width: 28.3333%;
}

The colon is the the 2 dots after the word 'width'

i was never missing that?...