ELEmily Leunginuncurated.hashnode.dev·Apr 13, 2021 · 2 min readCSS Grid Series: 5 - grid-auto-flow ExplainedLive dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io By default, when the number of items exceed the explicitly defined tracks, those items get tacked onto the next row. This means by default: grid-auto-flow: row If we want the...00
ELEmily Leunginuncurated.hashnode.dev·Apr 12, 2021 · 2 min readCSS Grid Series: 4 - Implicit vs Explicit TracksLive dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io To explicitly define tracks, use: grid-template-columns grid-template-rows Consider this example of comparing implicit vs explicit tracks. If we have 4 grid items in a cont...00
ELEmily Leunginuncurated.hashnode.dev·Apr 10, 2021 · 2 min readCSS Grid Series: 3 - Dev ToolsLive dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io Tracks are considered "untouchable" because they aren't the same as elements in a html page. But we can inspect them as we build our grid(s) - through dev tools. Two ways to...00
ELEmily Leunginuncurated.hashnode.dev·Apr 10, 2021 · 2 min readCSS Grid Series: 2 - FundamentalsLive dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io CSS Grid effectively allows us to take any element on a page (such as <div>, <p>, etc) and display it as a grid. The grid is made up of columns and rows (collectively known ...00
ELEmily Leunginuncurated.hashnode.dev·Apr 9, 2021 · 2 min readCSS Grid Series: 1 - Starter Files and Tooling SetupLive dev notes taken throughout the CSS Grid course by Wesbos — cssgrid.io Tools Firefox - currently using the regular version Node.js - currently using version v14.15.1 Terminal - currently using Command Prompt Code Editor - currently using Subl...00
