Search for a command to run...
Series
As I go through the CSS Grid course by Wesbos, I'll be taking Live dev notes which will be published here. Come tag along with me or take the course yourself at cssgrid.io!
Live 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...
Live 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 ...
Live 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...
Live 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...
Live 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...
