diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6b665aaa0 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/starter/04-CSS-Layouts/css-grid.html b/starter/04-CSS-Layouts/css-grid.html index e2daa6d42..b73e9f275 100644 --- a/starter/04-CSS-Layouts/css-grid.html +++ b/starter/04-CSS-Layouts/css-grid.html @@ -40,19 +40,41 @@ margin: 40px; /* CSS GRID */ + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(2, 1fr); + column-gap: 15px; + row-gap: 30px; + + display: none; + + /* align */ } .container--2 { /* STARTER */ + /* display: none; */ font-family: sans-serif; background-color: black; font-size: 40px; margin: 100px; - width: 1000px; + width: 700px; height: 600px; /* CSS GRID */ + display: grid; + grid-template-columns: 125px 200px 125px; + grid-template-rows: 250px 100px; + gap: 20px; + + /* align tract */ + justify-content: center; + align-content: center; + + /* aligh item's content */ + justify-items: center; + align-items: center; } diff --git a/starter/04-CSS-Layouts/index.html b/starter/04-CSS-Layouts/index.html index 15ecbeb77..c4e0eb663 100644 --- a/starter/04-CSS-Layouts/index.html +++ b/starter/04-CSS-Layouts/index.html @@ -30,20 +30,23 @@

📘 The Code Magazine

+ +

The Basic Language of the Web: HTML

+
+ Headshot of Laura Jones - Headshot of Laura Jones - -

- Posted by Laura Jones on Monday, June 21st 2027 -

+

+ Posted by Laura Jones on Monday, June 21st 2027 +

+

Why should you learn HTML?

Related posts

- +