HTML/CSS Course – Day 10 – Aligning Grid Items & Tracks
– Aligning tracks inside containers: Distributing empty space – The two properties “justify-content” and “align-content” are all about aligning tracks inside the container. Justify-content aligns horizontally (AKA on the row…
HTML/CSS Course – Day 10 – Placing & Spanning Grid Items
A grid container contains grid items; by default, a container has one grid item for each column in each row, but you can style the grid items so that they…
HTML/CSS Course – Day 9 – Sizing Grid Columns & Rows
CSS Grid has some more fancy ways of sizing grid columns and rows, such as the “fr” unit, or “fraction” for its full name. This unit allows you to set…
HTML/CSS Course – Day 9 – CSS Grid Introduction
CSS Grid is a set of CSS properties for building 2-dimensional layouts. The main idea behind CSS Grid is that we divide a container element into rows and columns that…
HTML/CSS Course – Day 8 – Flexbox Introduction
Flexbox is a set of related CSS properties for building 1-dimensional layouts. The main idea behind Flexbox is that the empty space inside a container element can be automatically divided…