Project
Layout
Description
Use responsive web design and flexbox and/or grid to make your website render well on phones and computers.

Instructional Links

Website Layout

Responsive Web Design Intro

Viewport

Grid View

Media Queries

Images

Frameworks

Templates

Grid Intro

Grid Container

Grid Item

Flexbox

Requirements

The spacing of elements is made clean by using flexbox and/or grid.

The design is significantly different on a phone than on a computer.

The phone design looks like it was designed for phones, and the computer design looks like it was designed for computers.