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 More Text Properties: Part 1

Posted by MUZ140067 Precious Mutangi
MUZ140067 Precious Mutangi
13,064 Points

STAGE 4 CHALLENGE TASK 1 OF 2

Create a text shadow for the h1 using a horizontal offset of 0, a vertical offset of 2px, a blur radius of 6px, and shadow color with the HEX value 3E6AA8.

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>More Text Properties</title>
    <link rel="stylesheet" type="text/css" href="page.css">
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <h1>Let's Have Fun With CSS Text Shadows!</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo tortor ante. Phasellus accumsan ligula ac augue accumsan pharetra. In ac lorem nisi, id laoreet mauris. Mauris ac elit a est placerat sodales in vel felis. Morbi commodo elit quis dolor venenatis porttitor.</p>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
h1 {
  color:#2d2d2d;
  text-shadow:1px 2px 6px #3E6AA8;
}

1 Answer

Colin Bell
Colin Bell
29,679 Points
Colin Bell
Colin Bell
29,679 Points

You have the horizontal offset set to 1px. It's asking for it to be 0.