<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); }Sprout.
h2 { font-size: 56px; }A book by J. Daniel Bedford
p { font-size: 2rem;© 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>