Question: 1 . Change the alignment for the sidebar so that Link One aligns evenly along the top with the h 4 tags. 2 . Change

1. Change the alignment for the sidebar so that Link One aligns evenly along the top
with the h4 tags.
2. Change the navigation items to wrap and word-break to break-all so that text
doesnt overlap when in small screen views.
3. Change the flex property for all 3 text columns; left, center, and right to 1.
4. Change the text and background colors for each of the 3 text columns; left, center,
and right (each column will have a different background color).
5. Change the alignment of the footer items to center.
6. Add a media query for displays under 700 pixels with the following changes:
change the display direction of items in the main_content section so that
columns display vertically in 1 column (aside, column 1, column 2, & column3)
change the display of the links in aside to display horizontally rather than
vertically
o set the margin for li tags to margin:auto .3em auto;
change the footer direction to row and wrap
7. The name of the file doesnt matter although it must not contain spaces. If using 2
words in the file name separate them with a hyphen or underscore.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!