1. Create a style rule for the page body that sets the width to 95% of the browser window ranging from 640 pixels up to 960 pixels. Horizontally center the page body within the browser window. Finally, Karen wants to ensure that the height of the page body is always at least as high as the browser window itself. Set the minimum height of the browser window to 100%. 2. Add a style rule to display all inline images as blocks.
3. Within the CSS Grid Styles section create a style rule that displays the body element as a grid with four columns of length 1fr.
4. Create a style rule for the img element with id "logo" so that the logo image spans three columns and has a width of 100%.
5. For the horizontal navigation list and the footer element create a style rule so that those elements span four columns. Create a style for the aside element to span two columns.
6. Within the Horizontal Navigation List Styles section create a style rule for li elements nested within the horizontal navigation list that display each element as a block with a width of 12.5% and floated on the left margin.
7. Within the Section Styles section create a style rule for inline images within the section element that sets the width of the image to 50% and centers the image using a top/bottom margin of 0 and a left/right margin of auto.
8. Create a style rule for paragraphs within the section element that sets the width of the paragraph to 70% and centers the paragraph using a top/bottom margin of 0 and a left/right margin of auto.
9. Go to the Customer Comment Styles section and create a style rule for the aside element setting the width to 75% and the bottom padding to 30 pixels.
10. The six aside elements will be displayed in two columns. For odd-numbered aside elements, use the justify-self grid property to place the element on the end (right) margin. (Hint: Use the nth-of-type(odd) pseudo-class to select the odd-numbered aside elements.)
11. Float inline images nested within the aside element on the left with a width of 20%.
12. Float paragraphs nested within the aside element on the left with a width of 75% and a left margin of 5%.