Main

Assignmentfb006

Like the previous assignment, this page is initially designed for mobile, except this assignment includes two flexbox containers (parents).

The flexbox containers are both to flex-direction column, therefore all elements are stacked in a column (by default).

It isn't until we reach the breakpoint of minimum 900px that the flex-direction changes to row for both flex containers. 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.