Series 2, Typography, lesson 8. Margin rule not applying?

HTML/CSS
1

Even after following Moshes code exactly, The margin of my h1 element doesn’t change.

Set the rule [ margin: 3rem 0 1rem; ]

But it doesn’t seem to be applying the rule.
Help please?

2

Not so what are you doing when you write margin. rulles apply.
if 4 prop. margin:{top, right, bottom, left}
example margin: 5px 7px 10px 5px; in px 5 to top, 7 to right, 10 to bottom and 5 to left

if 2 prop. margin:{top-bottom, right-left}
example margin: 10px 5px; top and bottom will be 10 left and right will be 5
if just one to all directions will be the same
margin: 10px all directions 10px
So add one zero in and it will work margin: 3rem 0 1rem 0;

3

Can you please link to or paste in your code so we can look at it? You should not need to add another value to the property like margin: 3rem 0 1rem 0;

In the case of 3 property values being used

value 1 will be the margin-top
value 2 will be the margin-left and margin-right
value 3 will be margin-bottom.

4

body {

margin: 10px;

font-family: “Segoe UI”, Tahoma, Geneva, Verdana, sans-serif;

font-size: 1rem;

line-height: 1.5;

}

h1,

h2,

h3,

h4,

h5,

h6 {

font-family: Georgia, “Times New Roman”, Times, serif;

}

h1 {

margin: 3rem 0 1rem;

}

This is the css code, Basically complete copy from the lesson.