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

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?

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;

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.

body {

margin: 10px;

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

font-size: 1rem;

line-height: 1.5;







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.