<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/en/courses/make-a-website/lessons/closer-look-css/exercises/font-size?action=lesson_resume&link_content_target=interstitial_lesson
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
Using Google Chrome it may happen that in the exercise 7/10 font-size; the “rem” value doesn’t work.
I’ve found a way to bypass this problem by replacing the “2rem” value with the equivalent in pixels: “36px”.
I’ll include the code below.
Hope to help somebody else occuring into this problem.
body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
h1 {
font-size: 32px;
font-family: Palatino, ‘Palatino Linotype’, serif;
color: rgb(218,190,206);
}
h2 {
font-size: 56px;
}
.hero {
padding: 250px 0;
margin: 30px;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}
p {
font-size: 32px;
}
.hero a {
color: #00FFAA;
font-size: 1.25em;
text-decoration: none;
}
<do not remove the three backticks above>