Day 119 of #100DaysOfCode #301DaysOfCode I went deeper down the rabbit hole of CSS.

CSS grid is a layout with rows and columns. This is beneficial because it makes it easier to position elements. Flexbox is great because it makes it easier to design flexible responsive layout without using float or positioning.

Grid practice ranged from grid columns, height of rows, placement of elements, justify items horizontally, align items vertically, justify content, and gaps between rows & columns.

Flexbox practice ranged from using flex-wrap, flex flow, justify and align items, align content, change order of item, flex items, and align self.

Here is the documentation for using CSS Grid.

Here is the documentation for using Flexbox.

Leave a comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: