A Semi-quick Exercise in Flexbox and CSS Grid

Instructions

Flex 1

Simple Flexbox

Flex 2

Another Flexbox Layout

Grid 1

Simple CSS Grid

Grid 2

Another CSS Grid Layout

Extra Flex

Combining Flex 1 & 2

Final Ver.1

Flexbox

Extra Grid

Combining Grid 1 & 2

Final Ver.2

CSS Grid

Additional Samples to Try!