7/10 (3 2rem)


#1


Hello all.
Hope I can get some help with this problem.

3.
Now, let's get some experience using rem values.

In main.css, for the p selector, add:

font-size: 2rem;
Click Run to see the result in the web browser.

The paragraph element on the webpage should double in size.

Note: The paragraph element at the bottom of the page has also increased in size. We will fix this effect later on in the lesson.


My code keeps returning "Did you add a font-size of 2rem for the p selector in main.css?"
I read another post that said make sure your browser is set to 0 (Ctrl+0) but even when I reset the zoom or zoom in or out, the code still returns the error. Please help.

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: 24px;
	text-decoration: none;
}


#2

At the very end of your code, you have a period. Remove it and you should be okay.


#3

Cheers for noticing that, but that didn't fix it. I even connected a monitor up to my laptop and even that still doesn't fix it.


#4

Oh ok. Over here, in between the 250px and 0 I think there should be a comma.

This

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

Goes to this:

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

#5

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