Question: Horizontal Navigation For mobile devices, Devan wants the horizontal navigation links to other pages on the Golden Pulps website to be displayed near the bottom
Horizontal Navigation For mobile devices, Devan wants the horizontal navigation links to other pages on the Golden Pulps website to be displayed near the bottom of the page. Within the media query, set the flex order of the horizontal navigation list to 99. Footer Styles Create a style rule to set the flex order of the body footer to 100. (Hint: There are two footer elements in the document, use a selector that selects the footer element that is a direct child of the body element.)
/* ============================================ Mobile Devices: 0 - 480 pixels ============================================ */ @media only screen and (max-width: 480px) { img.panel { width: 100%; } nav.horizontal > ul { order: 99; } body > footer { order: 100; } }
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
