Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Foundations Text, Fonts, and Lists Font Properties

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

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;
}