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 trialEric White
10,539 PointsI am trying to clarify what I am styling incorrectly for breakpoint for device with min480 p x and h1 font size 2.5 em?
I set css as follows
@media screen and (min-width 480px) { h1 { font-size: 2.5em; } }
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
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;
}
@media screen and (min-width 480px) {
.h1 {
font-size: 2.5em;
}
}
The font size is for 480 px or larger for the 2.5 em font size.
2 Answers
Aaron HARPT
19,845 PointsYou need to put a colon after width.
Eric White
10,539 PointsThanks I added the colon, but that didn't solve it. I will keep plugging at it.
Aaron HARPT
19,845 PointsYou need to remove the dot before the h1 tag.
Ste Royle
9,538 PointsSte Royle
9,538 PointsDo you want the H1 font-size to be set to 2.5em at screen sizes smaller than 480px?