Not sure what is wrong with this code?

Question

Not sure what is wrong with this code?  I have put a media query.
a {
  text-decoration: none;
}
wrapper {
  max-width: 940px;
  margin: 0 auto;
}
logo {
  text-align: center;
  margin: 0;
}
h1, h2 {
  color: #fff;
}
@media screen and (min-width: 480px) {
 h1 {
  font-size: 2.50em;
} 
}
nav a {
  color: #fff;
}
nav a:hover {
  color: #32673f;
}
h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}
img {
  max-width: 100%;
}
gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}
gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}
nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}
nav li {
  display: inline-block;
}
nav a {
  font-weight: 800;
  padding: 15px 10px;
}
.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}
.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

Tim Larson · Accepted Answer

Hello! You seem to be missing the breakpoint the challenge is requesting of you. It's asking for a set of rules that will cause your page to become 'responsive' to different screen widths. 
```
@media screen and ( min-width: 480px ) {
  h1 {
     font-size: 2.5em;
  }
}
```
Try adding this towards the bottom of your css file. If you found this answer useful please mark as best!
Good luck to you Brian!

Brian Patterson · Answer

I worked it out. I put it in the wrong place.

Welcome to the Treehouse Community

Looking to learn something new?

Brian Patterson

Brian Patterson

Not sure what is wrong with this code?

wrapper {

logo {

gallery {

gallery li {

2 Answers

Tim Larson

Tim Larson

Brian Patterson

Brian Patterson