Wich element is ".hero a" parent?

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

https://www.codecademy.com/courses/make-a-website/lessons/closer-look-css/exercises/font-size?action=lesson_resume

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
I’ve changed the “.hero a” font-size to 1em and set all fonts to helvética so the “.hero a” should have the same font size of something in the page. But it is just different. Wich element is its parent so the 1em is based on?

```

Main.css:

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {
font-size: 32px;
}

h2 {
font-size: 56px;
}

.hero {
padding: 250px 0;
margin: 30px;
}

p {
font-size: 2rem;
}

.hero a {
color: #00FFAA;
font-size: 1.25em;
text-decoration: none;
}

Index.html

Sprout

Mystwood Publishers Ltd.

Sprout.

A book by J. Daniel Bedford

Read now.

© Mystwood Publishers Limited

```

The directions say [quote]
In main.css locate the .hero a selector. Change the font-size property to 1.25em;.
[/quote]

1 Like

This topic was automatically closed after 7 days. New replies are no longer allowed.