CSS-7/10 Can't change font-size


#1

I'm trying to change the font-size to 56px but it's not letting me. The previous step asked to change the font-size to 48 and that worked just fine. I've pasted my code below...any ideas? I've been stuck on this step for awhile now and I can't seem to figure it out.

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

h1 {
font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(121,149,117);
font-size: 32px;
}

h2
.hero {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 56px;
}

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

p {

}

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


#2

Can anyone help me with this?


#3

Have a look whats going on here^ you have h2 then .hero


#4

Thank you for your help!! I noticed that and was able to get passed that step but now I am stuck on the next step. Here's what it is asking: In main.css locate the .hero a selector. Change the font-size property to 1.25em;. Below is my code: I'm not seeing why I am getting an error.

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

h1 {
font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(121,149,117);
font-size: 32px;
}

h2 {
font-size: 56px;}

.hero {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

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

p {
font-size: 2rem;
}

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


#5

Check if your browser zoom is on 100%, try refresh or another browser


#6

I just switched browsers and it worked. Thanks!


#8

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