This is what i am asked to do
Open the
styles.cssfile.Add a CSS rule for the
bodyelement that sets the background color to#E0E0E2.Add a CSS rule for the
h1element that sets the text color to:#721817.Add a CSS rule for the
h2element that sets the text color to:#721817.Add a CSS rule for the
center-textCSS class that aligns the text tocenter.Add a CSS rule for the HTML element with the id
logo. Set its left and right margins toautoand changes its display to ablockelement.Add a CSS rule for all
spanelements that are children ofh2elements that sets the text color to#FA9F42and its font size to0.75em.Add a CSS rule for the HTML element with the id
copyright. Set its top padding to12pixels and its font size to0.75em.
this is what i did
body{background-color:#e0e0e2;}
h1{color:#721817;} h2{color:#721817;}
center-text{text-align: center;} logo{margin-left:auto;margin-right:auto;display:block;} h2>span{color:#fa9f42;font-size:0.75em;}
copyright{padding-top:12px;font-size:0.75em;}
this is what i need to fix but im not sure how to properly adjust it
✗ All elements with the 'center-text' class should have center-aligned text ✗ The element with the ID 'logo' should have a display of 'block' (+ 2 related tests) ✗ The element with the ID 'copyright' should have a padding-top of 12px