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 trialbryan Walker
1,301 PointsHow to change H1 in breaking point
I'm stuck on a practice quiz. I can't figure out how to change the font size in h1 to 2.5 em in the breaking point
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) {
hi {
font-size: 2.5em;
}
}
2 Answers
Caleb Kleveter
Treehouse Moderator 37,862 PointsYou accidentally wrote hi instead h1.
Kim Gee
3,841 Pointsh1 tags are designed especially for screen readers. The idea is to code the heading tags in order starting with the h1 and working down to h6 as needed to help the reader organize the page mentally. It is important to use the heading tags in order. If you look down the list of css tag names you will come to h1 tag. It is listed as Tag name { property: value;} You need to change the size in the tag because it is wrong. It should look like this. h1 { font-size: 2.5em; } I hope this helps you.