CSS Grid Setup

Open your Terminal application and navigate to your ~/code/sei/lectures directory:

cd ~/code/sei/lectures

Make a new directory called css-grid, then enter this directory:

mkdir css-grid
cd css-grid

Create a directory called css:

mkdir css

Then, create an index.html file, and a style.css file that lives inside the css directory. These files will hold your work for this lecture:

touch index.html css/style.css

With the files created, open the contents of the directory in VS Code:

code .

Open the index.html file and add HTML boilerplate by typing ! and then hitting the Tab key. Then link the style.css file by adding this line inside the <head> tag:

<link rel="stylesheet" href="./css/style.css">