Make a Website Lesson 2 Activity 7


Every time I press run it comes up with a message that says: Did you add a font size of Zrem for the p selector in main.css?

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

h1 {
	font-size: 32px;
 font-family: Palatino, 'Palatino Linotype', serif;
  color: rgb(46,105,163);

h2 {
	font-size: 56px;

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

p {
 font-size: Zrem;

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

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


the lesson says that you set:

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



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