Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Jason Cockrell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jason Cockrell
UX Design Techdegree Student 17,006 Points
Posted by Jason Cockrell
.a{fill-rule:evenodd;}techdegree
Jason Cockrell
UX Design Techdegree Student 17,006 Points

Error on responsive design quiz?

I'm fairly sure, this is my error I am just trying to get some guidance on what I am doing wrong. I am trying to complete the responsive design section where I am asked to create a media query to cause grids 1-6 to break at 705px...this is what I input:

@media screen and (max-width:705px){

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {max-width:100%; margin-right: 1.25%; float: left; display: block; }

I am still receiving a message to set my media query at 705px.

nik
nik
8,925 Points

I redid the challenge and passed it by editing this section of the style.css 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
  margin-right: 1.25%;
  float: left;
  display: block;
}

added @media screen and (max-width : 705px) { to the top and width: 100%; to the bottom like so

@media screen and (max-width : 705px) {
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
  margin-right: 1.25%;
  float: left;
  display: block;
  width: 100%;
}

good luck

1 Answer

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

You are forgetting a closing " } " if that is your code. You opened two, but only closed one. Might be the issue?