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 CSS Foundations Text, Fonts, and Lists Font Properties

Posted by MUZ140259 Juliana Kofi
MUZ140259 Juliana Kofi
9,532 Points

font

Next, select the h1 and set the font to be in small caps.where am i wrong

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Font Properties</title>
    <link rel="stylesheet" href="page.css" />
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <h1>The quick brown fox jumps over the lazy dog</h1>
    <p>
        Pellentesque sem augue, auctor quis dictum et, interdum nec felis. Suspendisse faucibus viverra enim, vitae facilisis mi euismod id. Morbi ac erat mauris, a semper ligula. Etiam semper, nisi vel auctor ultricies, tortor urna dictum magna, iaculis volutpat tortor nisi vel odio. Praesent sed mauris lacus. Etiam semper tempor risus sit amet egestas. In hac habitasse platea dictumst. Aenean varius sapien quis nisl aliquam mollis.Nullam lacinia ipsum sed leo vestibulum vel tempor libero tincidunt.
    </p>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
p{
  font-family:Baskerville,"Times New Roman",Times,serif;
}
h1{
  font-size:small;
}

1 Answer

huckleberry
huckleberry
14,636 Points
huckleberry
huckleberry
14,636 Points

Hey there,

Your error is in the property keyword and the value

It's asking for small caps not just small. As they covered in the video, you need to use the font-variant property and the value needs to be small-caps. 

h1 {
    font-variant: small-caps;
}