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 trialDanijela Petrić
550 PointsWhy my code isn't working when i wrote exactly the same code from the video??
My task is to create a breakpoint for devices larger than 480px and set the h1 font-size 2.5em inside that breakpoint, i wrote exactly what it's needed and it's not working!!
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
@media screen (min-width: 480px) {
h1 {
font-size: 2.5em;
}
}
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;
}
3 Answers
Danijela Petrić
550 PointsThank you Ash :)
J V
4,471 PointsYou are missing "and" in your media query. Could be it...
@mediaquery screen and (min-width: 480px) {}
Danijela Petrić
550 PointsI was just checking to see if it works maybe that way, but i removed media query to the bottom of code and its working now :)
J V
4,471 PointsNo problem! Happy coding.
Ashish Mehra
Courses Plus Student 340 PointsAshish Mehra
Courses Plus Student 340 PointsHey Danijela Petrić,
Your code is OK but one thing is wrong you place media query between your css which is wrong . Media query always should be at the end of your all css styles.