Help needed in closer look at css lesson

[ajaxsolver41569]

<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.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

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

Mystwood Publishers Ltd.

h1 { font-size: 32px; font-family: Palatino, 'Palatino Linotype', serif; color: rgb(216,218,190); }

.hero { padding: 250px 0; margin: 30px; font-family:'Trebuchet MS',Helvetica,sans-serif; background-image: url(http://ichef-1.bbci.co.uk/news/976/cpsprodpb/1572B/production/_88615878_976x1024n0037151.jpg); background-size: cover; color:#ffffff; } .hero a { color: #00FFAA; font-size: 1.25rem; text-decoration: none; }

Sprout.

h2 { font-size: 56px; }

A book by J. Daniel Bedford

p { font-size: 2rem;

}
Read now.

© Mystwood Publishers Limited

#footer{
font-size:0.75rem;
}

i have written code like this but when i open in browser seperatly i coudn’t get the proper formation and got like this
body { height: 100%; margin: 0; text-align: center; width: 100%; }
Mystwood Publishers Ltd.
h1 { font-size: 32px; font-family: Palatino, ‘Palatino Linotype’, serif; color: rgb(216,218,190); }
.hero { padding: 250px 0; margin: 30px; font-family:‘Trebuchet MS’,Helvetica,sans-serif; background-image: url(http://ichef-1.bbci.co.uk/news/976/cpsprodpb/1572B/production/_88615878_976x1024n0037151.jpg); background-size: cover; color:#ffffff; } .hero a { color: #00FFAA; font-size: 1.25rem; text-decoration: none; }
Sprout.
h2 { font-size: 56px; }

A book by J. Daniel Bedford
p { font-size: 2rem; } Read now.

© Mystwood Publishers Limited
#footer{ font-size:0.75rem; }
where i’m wrong .please correct me .

<do not remove the three backticks above>

[zainabr1]

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
<h1>Mystwood Publishers Ltd.</h1>
h1 {
font-size: 32px;
font-family: Palatino, ‘Palatino Linotype’, serif;
color: rgb(216,218,190);
}
<div class=“hero”>
.hero {
padding: 250px 0;
margin: 30px;
font-family:‘Trebuchet MS’,Helvetica,sans-serif;
background-image: url(http://ichef-1.bbci.co.uk/news/976/cpsprodpb/1572B/production/_88615878_976x1024n0037151.jpg);
background-size: cover;
color:#ffffff;
}
.hero a {
color: #00FFAA;
font-size: 1.25rem;
text-decoration: none;
}
<h2>Sprout.</h2>
h2 {
font-size: 56px;
}
<p>A book by J. Daniel Bedford</p>
p {
font-size: 2rem;

}

This is CSS and it needs to be under the tab main.css

#footer{
font-size:0.75rem;
}

This bit also under CSS tab

[ajaxsolver41569]

thanks for the reply sir ,but i have a doubt if i write the code in Notepad++ how to mix Html and css code …

[zainabr1]

Read this article: Typing code on your computer