diff --git a/week-1/problems/0-horizontal-align/index.html b/week-1/problems/0-horizontal-align/index.html index 7b2f62cfc..40ded81cb 100644 --- a/week-1/problems/0-horizontal-align/index.html +++ b/week-1/problems/0-horizontal-align/index.html @@ -10,10 +10,8 @@ .container { width: 1200px; /* margin: 0px auto; */ + margin: 0px auto; background-color: red; - } - - .content { height: 500px; } @@ -22,9 +20,7 @@
-
-

Hello World

-
+

Hello World

diff --git a/week-1/problems/1-vertical-align/index.html b/week-1/problems/1-vertical-align/index.html index adb5ce5c7..54bbe18ca 100644 --- a/week-1/problems/1-vertical-align/index.html +++ b/week-1/problems/1-vertical-align/index.html @@ -11,31 +11,17 @@ width: 1200px; margin: 0 auto; background-color: red; - } - .content { height: 500px; - } - .vertical-center { display: flex; + align-items: center; justify-content: center; - height: 100%; - flex-direction: column; - } - .horizontal-center { - margin: 0 auto; }
-
-
-
-

Hello World

-
-
-
+

Hello World

diff --git a/week-1/problems/2-flex-layout/index.html b/week-1/problems/2-flex-layout/index.html index e4b966c24..eb1c57c89 100644 --- a/week-1/problems/2-flex-layout/index.html +++ b/week-1/problems/2-flex-layout/index.html @@ -11,30 +11,34 @@
-
-

Left

-
-
-

Right

-
+

Left

+

Right

diff --git a/week-1/problems/3-grid-layout/index.html b/week-1/problems/3-grid-layout/index.html index 1f3b2f915..e707e4e1d 100644 --- a/week-1/problems/3-grid-layout/index.html +++ b/week-1/problems/3-grid-layout/index.html @@ -11,15 +11,18 @@ margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; - gap: 10px; } .left { background-color: red; + align-items: center; + justify-content: center; } .right { background-color: blue; + align-items: center; + justify-content: center; } diff --git a/week-1/problems/4-more-complicated-grid/index.html b/week-1/problems/4-more-complicated-grid/index.html index 0f85ba39d..280207298 100644 --- a/week-1/problems/4-more-complicated-grid/index.html +++ b/week-1/problems/4-more-complicated-grid/index.html @@ -7,33 +7,54 @@ Grid Layout diff --git a/week-1/problems/5-vscode-bottombar/index.html b/week-1/problems/5-vscode-bottombar/index.html index 1415669c1..bee319f27 100644 --- a/week-1/problems/5-vscode-bottombar/index.html +++ b/week-1/problems/5-vscode-bottombar/index.html @@ -5,12 +5,20 @@