Project 6 CSS Layout

CSS Layout

Floating | Positioning | Flexbox | Borders | Padding | Margins

Floating and Text wrapping

image1

This image is floating left, allowing this text to be on the right of it.

Positioning

Static
Relative
Absolute
Fixed

Each box demonstrates a diffrent css positioning method.

Flexbox layout

Flex 1
Flex 2
Flex 3

This is a flexbox, the flex box is to make it easy to align and distrubte space among the items in it