Main

Assignmentfb005

This page is initially designed for mobile. The only flexbox container is set to flex-direction column, therefore all elements are stacked in a column.

It isn't until we reach the breakpoint of minimum 900px that the flex-direction changes to row. At that point the layout begins to have a horizontal elements.

To get credit for this assignment, please code additional breakpoints. You may want to change element background colors, add background images, or change font sizes. You can even hide elements with display:none.

You must add the viewport meta tag to make this webpage work on your mobile device.