Step 2 Below the tablet media query, add a new comment with the text, Media Query for Desktop Viewport. Below the comment, add a new media query that targets a screen with a minimum width of 769px and print. Within the desktop media query, add a new comment with the text, Desktop Viewport: Style rule for header. Below the comment, add a style rule for the header selector that sets the padding to 2%. Within the desktop media query, below the header style rule, add a new comment with the text, Desktop Viewport: Style rules for nav area. Below the comment, add a style rule for the nav li a selector that sets the padding to 0.5em on the top and bottom and 1.5em on the left and right. Add another style rule for the nav li a selector that uses the hover pseudo-class and sets the color to #373684 and the background-color to #e5e9fc. 2 Within the desktop media query, below the nav area style rules, add a new comment with the text, Desktop Viewport: Style rules for main content. Below the comment, add a style rule for the following selectors: #info ul selector that sets the left margin to 5% main h3 selector that sets the font-size to 1.5em #piano, #guitar, and #violin selectors that sets the width to 29%, a float to the left, top/bottom margin value of 0, and left/right margin value of 2% Below the desktop media query, add a new comment with the text, Media Query for Print. Below the comment, add a new media query that targets print. Within the print media query, add a style rule for the body selector that sets the background-color to #fff and the color to #000.
Step 2
Below the tablet media query, add a new comment with the text, Media Query for Desktop Viewport. Below the comment, add a new media query that targets a screen with a minimum width of 769px and print.
Within the desktop media query, add a new comment with the text, Desktop Viewport: Style rule for header. Below the comment, add a style rule for the header selector that sets the padding to 2%.
Within the desktop media query, below the header style rule, add a new comment with the text, Desktop Viewport: Style rules for nav area. Below the comment, add a style rule for the nav li a selector that sets the padding to 0.5em on the top and bottom and 1.5em on the left and right.
Add another style rule for the nav li a selector that uses the hover pseudo-class and sets the color to #373684 and the background-color to #e5e9fc.
Within the desktop media query, below the nav area style rules, add a new comment with the text, Desktop Viewport: Style rules for main content. Below the comment, add a style rule for the following selectors:
- #info ul selector that sets the left margin to 5%
- main h3 selector that sets the font-size to 1.5em
- #piano, #guitar, and #violin selectors that sets the width to 29%, a float to the left, top/bottom margin value of 0, and left/right margin value of 2%
Below the desktop media query, add a new comment with the text, Media Query for Print. Below the comment, add a new media query that targets print.
Within the print media query, add a style rule for the body selector that sets the background-color to #fff and the color to #000.
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
