Project 7 Responsive Web Design

Responsive Web Design

Fluid | Flexbox | Grid | Mobile View Point | Template Areas | 12-Column Grid

Floating with a dog

image1

This image is floating left, allowing this text to be on the right of it. but also has a side bar to the right of the border

Flexbox Gallery

Flex Image 1
Flex Image 2
Flex Image 3

This is a flexbox gallery of images to show how a flexbox is able to adjust each picture to fit within it

12-Column Grid Layout

1
2
3
4
5
6
7
8
9
10
11
12