From ab92ffab14a8607cbdbb09ad52e709100c2e267b Mon Sep 17 00:00:00 2001 From: ZebraMilk Date: Sun, 30 Jan 2022 11:56:35 -0600 Subject: [PATCH 1/2] Add indent to the and tags within for readability --- foundations/01-css-methods/index.html | 22 +++++------ .../01-css-methods/solution/solution.html | 38 +++++++++---------- foundations/02-class-id-selectors/index.html | 28 +++++++------- .../solution/solution.html | 28 +++++++------- foundations/03-grouping-selectors/index.html | 22 +++++------ .../solution/solution.html | 24 ++++++------ foundations/04-chaining-selectors/index.html | 38 +++++++++---------- .../solution/solution.html | 34 ++++++++--------- .../05-descendant-combinator/index.html | 36 +++++++++--------- .../solution/solution.html | 36 +++++++++--------- foundations/06-cascade-fix/index.html | 34 ++++++++--------- .../06-cascade-fix/solution/solution.html | 34 ++++++++--------- 12 files changed, 187 insertions(+), 187 deletions(-) diff --git a/foundations/01-css-methods/index.html b/foundations/01-css-methods/index.html index 9256151..effe3cc 100644 --- a/foundations/01-css-methods/index.html +++ b/foundations/01-css-methods/index.html @@ -1,14 +1,14 @@ - - - - - Methods for Adding CSS - - -
Style me via the external method!
-

I would like to be styled with the internal method, please.

- - + + + + + Methods for Adding CSS + + +
Style me via the external method!
+

I would like to be styled with the internal method, please.

+ + \ No newline at end of file diff --git a/foundations/01-css-methods/solution/solution.html b/foundations/01-css-methods/solution/solution.html index d9ceb3b..6a1e00b 100644 --- a/foundations/01-css-methods/solution/solution.html +++ b/foundations/01-css-methods/solution/solution.html @@ -1,23 +1,23 @@ - - - - - Methods for Adding CSS - + + + + + Methods for Adding CSS + - - - -
Style me via the external method!
-

I would like to be styled with the internal method, please.

- - + + + +
Style me via the external method!
+

I would like to be styled with the internal method, please.

+ + \ No newline at end of file diff --git a/foundations/02-class-id-selectors/index.html b/foundations/02-class-id-selectors/index.html index 118fa66..263042a 100644 --- a/foundations/02-class-id-selectors/index.html +++ b/foundations/02-class-id-selectors/index.html @@ -1,17 +1,17 @@ - - - - - Class and ID Selectors - - - -

Number 1 - I'm a class!

-
Number 2 - I'm one ID.
-

Number 3 - I'm a class, but cooler!

-
Number 4 - I'm another ID.
-

Number 5 - I'm a class!

- + + + + + Class and ID Selectors + + + +

Number 1 - I'm a class!

+
Number 2 - I'm one ID.
+

Number 3 - I'm a class, but cooler!

+
Number 4 - I'm another ID.
+

Number 5 - I'm a class!

+ \ No newline at end of file diff --git a/foundations/02-class-id-selectors/solution/solution.html b/foundations/02-class-id-selectors/solution/solution.html index d7c955e..75b0b5a 100644 --- a/foundations/02-class-id-selectors/solution/solution.html +++ b/foundations/02-class-id-selectors/solution/solution.html @@ -1,17 +1,17 @@ - - - - - Class and ID Selectors - - - -

Number 1 - I'm a class!

-
Number 2 - I'm one ID.
-

Number 3 - I'm a class, but cooler!

-
Number 4 - I'm another ID.
-

Number 5 - I'm a class!

- + + + + + Class and ID Selectors + + + +

Number 1 - I'm a class!

+
Number 2 - I'm one ID.
+

Number 3 - I'm a class, but cooler!

+
Number 4 - I'm another ID.
+

Number 5 - I'm a class!

+ \ No newline at end of file diff --git a/foundations/03-grouping-selectors/index.html b/foundations/03-grouping-selectors/index.html index de0314e..796431e 100644 --- a/foundations/03-grouping-selectors/index.html +++ b/foundations/03-grouping-selectors/index.html @@ -1,14 +1,14 @@ - - - - - Grouping Selectors - - - - - - + + + + + Grouping Selectors + + + + + + \ No newline at end of file diff --git a/foundations/03-grouping-selectors/solution/solution.html b/foundations/03-grouping-selectors/solution/solution.html index ec07ad0..88a4ede 100644 --- a/foundations/03-grouping-selectors/solution/solution.html +++ b/foundations/03-grouping-selectors/solution/solution.html @@ -1,14 +1,14 @@ - - - - - - Grouping Selectors - - - - - - + + + + + + Grouping Selectors + + + + + + \ No newline at end of file diff --git a/foundations/04-chaining-selectors/index.html b/foundations/04-chaining-selectors/index.html index 4291eb8..e8cdeac 100644 --- a/foundations/04-chaining-selectors/index.html +++ b/foundations/04-chaining-selectors/index.html @@ -1,22 +1,22 @@ - - - - - Chaining Selectors - - - - -
- - -
- -
- - -
- + + + + + Chaining Selectors + + + + +
+ + +
+ +
+ + +
+ \ No newline at end of file diff --git a/foundations/04-chaining-selectors/solution/solution.html b/foundations/04-chaining-selectors/solution/solution.html index 20ec7f9..875b6e4 100644 --- a/foundations/04-chaining-selectors/solution/solution.html +++ b/foundations/04-chaining-selectors/solution/solution.html @@ -1,20 +1,20 @@ - - - - - Chaining Selectors - - - -
- - -
-
- - -
- + + + + + Chaining Selectors + + + +
+ + +
+
+ + +
+ \ No newline at end of file diff --git a/foundations/05-descendant-combinator/index.html b/foundations/05-descendant-combinator/index.html index 9771a2a..9da1ae5 100644 --- a/foundations/05-descendant-combinator/index.html +++ b/foundations/05-descendant-combinator/index.html @@ -1,21 +1,21 @@ - - - - - Descendant Combinator - - - -
-

This should be styled.

-
-

This should be unstyled.

-

This should be unstyled.

-
-

This should be styled.

-

This should be styled.

-
- + + + + + Descendant Combinator + + + +
+

This should be styled.

+
+

This should be unstyled.

+

This should be unstyled.

+
+

This should be styled.

+

This should be styled.

+
+ \ No newline at end of file diff --git a/foundations/05-descendant-combinator/solution/solution.html b/foundations/05-descendant-combinator/solution/solution.html index efcb155..b76a9e5 100644 --- a/foundations/05-descendant-combinator/solution/solution.html +++ b/foundations/05-descendant-combinator/solution/solution.html @@ -1,21 +1,21 @@ - - - - - Descendant Combinator - - - -
-

This should be styled.

-
-

This should be unstyled.

-

This should be unstyled.

-
-

This should be styled.

-

This should be styled.

-
- + + + + + Descendant Combinator + + + +
+

This should be styled.

+
+

This should be unstyled.

+

This should be unstyled.

+
+

This should be styled.

+

This should be styled.

+
+ \ No newline at end of file diff --git a/foundations/06-cascade-fix/index.html b/foundations/06-cascade-fix/index.html index ca6aa5b..e1fbc6c 100644 --- a/foundations/06-cascade-fix/index.html +++ b/foundations/06-cascade-fix/index.html @@ -1,22 +1,22 @@ - - - - - Fix the Cascade - - - -

I'm just a simple paragraph!

-

I'm a smaller paragraph!

+ + + + + Fix the Cascade + + + +

I'm just a simple paragraph!

+

I'm a smaller paragraph!

- - + + -
I'm not related to those divs down there.
-
I have a child! -
My ancestor is so embarrassing.
-
- +
I'm not related to those divs down there.
+
I have a child! +
My ancestor is so embarrassing.
+
+ \ No newline at end of file diff --git a/foundations/06-cascade-fix/solution/solution.html b/foundations/06-cascade-fix/solution/solution.html index 27ac65a..4a0a306 100644 --- a/foundations/06-cascade-fix/solution/solution.html +++ b/foundations/06-cascade-fix/solution/solution.html @@ -1,22 +1,22 @@ - - - - - Fix the Cascade - - - -

I'm just a simple paragraph!

-

I'm a smaller paragraph!

+ + + + + Fix the Cascade + + + +

I'm just a simple paragraph!

+

I'm a smaller paragraph!

- - + + -
I'm not related to those divs down there.
-
I have a child! -
My ancestor is so embarrassing.
-
- +
I'm not related to those divs down there.
+
I have a child! +
My ancestor is so embarrassing.
+
+ \ No newline at end of file From 04bf4da6d1bce1d66df0334f370ea970dfea8b72 Mon Sep 17 00:00:00 2001 From: ZebraMilk Date: Sun, 30 Jan 2022 12:16:13 -0600 Subject: [PATCH 2/2] Add indents to and tags in all exercises --- flex/01-flex-center/index.html | 24 +-- flex/01-flex-center/solution/solution.html | 24 +-- flex/02-flex-header/index.html | 50 ++--- flex/02-flex-header/solution/solution.html | 50 ++--- flex/03-flex-header-2/index.html | 44 ++--- flex/03-flex-header-2/solution/solution.html | 50 ++--- flex/04-flex-information/index.html | 44 ++--- .../solution/solution.html | 62 +++--- flex/05-flex-modal/index.html | 34 ++-- flex/05-flex-modal/solution/solution.html | 36 ++-- flex/06-flex-layout/index.html | 74 +++---- flex/06-flex-layout/solution/solution.html | 74 +++---- flex/07-flex-layout-2/index.html | 62 +++--- flex/07-flex-layout-2/solution/solution.html | 62 +++--- grid/01-grid-layout-1/index.html | 38 ++-- grid/01-grid-layout-1/solution/solution.html | 38 ++-- grid/02-grid-layout-2/index.html | 38 ++-- grid/02-grid-layout-2/solution/solution.html | 38 ++-- grid/03-grid-layout-3/index.html | 182 +++++++++--------- grid/03-grid-layout-3/solution/solution.html | 182 +++++++++--------- .../margin-and-padding-1/index.html | 36 ++-- .../solution/solution.html | 36 ++-- .../margin-and-padding-2/index.html | 28 +-- .../solution/solution.html | 28 +-- 24 files changed, 667 insertions(+), 667 deletions(-) diff --git a/flex/01-flex-center/index.html b/flex/01-flex-center/index.html index d904030..440bf5c 100644 --- a/flex/01-flex-center/index.html +++ b/flex/01-flex-center/index.html @@ -1,15 +1,15 @@ - - - - - CENTER THIS DIV - - - -
-
center this div
-
- + + + + + CENTER THIS DIV + + + +
+
center this div
+
+ \ No newline at end of file diff --git a/flex/01-flex-center/solution/solution.html b/flex/01-flex-center/solution/solution.html index d2121af..2690d19 100644 --- a/flex/01-flex-center/solution/solution.html +++ b/flex/01-flex-center/solution/solution.html @@ -1,15 +1,15 @@ - - - - - CENTER THIS DIV - - - -
-
center this div
-
- + + + + + CENTER THIS DIV + + + +
+
center this div
+
+ \ No newline at end of file diff --git a/flex/02-flex-header/index.html b/flex/02-flex-header/index.html index 6104401..db43082 100644 --- a/flex/02-flex-header/index.html +++ b/flex/02-flex-header/index.html @@ -1,29 +1,29 @@ - - - - - Flex Header - - - -
-
- + + + + + Flex Header + + + +
+
+ +
+ +
+ +
- -
- -
-
- + \ No newline at end of file diff --git a/flex/02-flex-header/solution/solution.html b/flex/02-flex-header/solution/solution.html index 2f447ba..7048e8d 100644 --- a/flex/02-flex-header/solution/solution.html +++ b/flex/02-flex-header/solution/solution.html @@ -1,29 +1,29 @@ - - - - - Flex Header - - - -
-
- + + + + + Flex Header + + + +
+
+ +
+ +
+ +
- -
- -
-
- + \ No newline at end of file diff --git a/flex/03-flex-header-2/index.html b/flex/03-flex-header-2/index.html index 85816e2..fa39648 100644 --- a/flex/03-flex-header-2/index.html +++ b/flex/03-flex-header-2/index.html @@ -1,26 +1,26 @@ - - - - - Flex Header 2 - - - -
- - + \ No newline at end of file diff --git a/flex/03-flex-header-2/solution/solution.html b/flex/03-flex-header-2/solution/solution.html index e363967..5112bcf 100644 --- a/flex/03-flex-header-2/solution/solution.html +++ b/flex/03-flex-header-2/solution/solution.html @@ -1,30 +1,30 @@ - - - - - Flex Header 2 - - - -
-
- - + \ No newline at end of file diff --git a/flex/04-flex-information/index.html b/flex/04-flex-information/index.html index 6037a20..52b20a2 100644 --- a/flex/04-flex-information/index.html +++ b/flex/04-flex-information/index.html @@ -1,30 +1,30 @@ - - - - - Information - - - -
Information!
+ + + + + Information + + + +
Information!
- barberry -
This is a type of plant. We love this one.
+ barberry +
This is a type of plant. We love this one.
- chili -
This is another type of plant. Isn't it nice
+ chili +
This is another type of plant. Isn't it nice
- pepper -
We have so many plants. Yay plants.
+ pepper +
We have so many plants. Yay plants.
- saffron -
I'm running out of things to say about plants.
+ saffron +
I'm running out of things to say about plants.
- -
-
Icons made by Icongeek26 from www.flaticon.com
-
- + +
+
Icons made by Icongeek26 from www.flaticon.com
+
+ \ No newline at end of file diff --git a/flex/04-flex-information/solution/solution.html b/flex/04-flex-information/solution/solution.html index effb986..f095df6 100644 --- a/flex/04-flex-information/solution/solution.html +++ b/flex/04-flex-information/solution/solution.html @@ -1,37 +1,37 @@ - - - - - Information - - - -
Information!
+ + + + + Information + + + +
Information!
-
-
- barberry -
This is a type of plant. We love this one.
+
+
+ barberry +
This is a type of plant. We love this one.
+
+
+ chili +
This is another type of plant. Isn't it nice
+
+
+ pepper +
We have so many plants. Yay plants.
+
+
+ saffron +
I'm running out of things to say about plants.
+
-
- chili -
This is another type of plant. Isn't it nice
-
-
- pepper -
We have so many plants. Yay plants.
-
-
- saffron -
I'm running out of things to say about plants.
-
-
- -
-
Icons made by Icongeek26 from www.flaticon.com
-
- + +
+
Icons made by Icongeek26 from www.flaticon.com
+
+ \ No newline at end of file diff --git a/flex/05-flex-modal/index.html b/flex/05-flex-modal/index.html index 48a7b40..3f523e2 100644 --- a/flex/05-flex-modal/index.html +++ b/flex/05-flex-modal/index.html @@ -1,20 +1,20 @@ - - - - - - Modal - - -
-
!
-
Are you sure you want to do that?
-
✖
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!
- - -
- + + + + + + Modal + + +
+
!
+
Are you sure you want to do that?
+
✖
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!
+ + +
+ \ No newline at end of file diff --git a/flex/05-flex-modal/solution/solution.html b/flex/05-flex-modal/solution/solution.html index dffd947..818e5f3 100644 --- a/flex/05-flex-modal/solution/solution.html +++ b/flex/05-flex-modal/solution/solution.html @@ -1,23 +1,23 @@ - - - - - - Modal - - -
-
!
-
-
Are you sure you want to do that? -
✖
+ + + + + + Modal + + +
+
!
+
+
Are you sure you want to do that? +
✖
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!
+ +
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!
- -
-
- + \ No newline at end of file diff --git a/flex/06-flex-layout/index.html b/flex/06-flex-layout/index.html index f199d8b..f9bcd5b 100644 --- a/flex/06-flex-layout/index.html +++ b/flex/06-flex-layout/index.html @@ -1,42 +1,42 @@ - - - - - LAYOUT - - - -
- - -
-
- -
- + + + + + LAYOUT + + + +
+ +
-
- - +
+ +
+ +
+
+ + +
-
-
- - -
- +
+ + +
+ \ No newline at end of file diff --git a/flex/06-flex-layout/solution/solution.html b/flex/06-flex-layout/solution/solution.html index 8f19aaf..c93d6b8 100644 --- a/flex/06-flex-layout/solution/solution.html +++ b/flex/06-flex-layout/solution/solution.html @@ -1,42 +1,42 @@ - - - - - LAYOUT - - - -
- - -
-
- -
- + + + + + LAYOUT + + + +
+ +
-
- - +
+ +
+ +
+
+ + +
-
-
- - -
- +
+ + +
+ \ No newline at end of file diff --git a/flex/07-flex-layout-2/index.html b/flex/07-flex-layout-2/index.html index fcb7f0c..4cf3d38 100644 --- a/flex/07-flex-layout-2/index.html +++ b/flex/07-flex-layout-2/index.html @@ -1,35 +1,35 @@ - - - - - The Holy Grail - - - -
- MY AWESOME WEBSITE -
- -
- -
+ + + + + The Holy Grail + + + +
+ MY AWESOME WEBSITE +
+ +
+ +
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora, eveniet? Dolorem dignissimos maiores non delectus possimus dolor nulla repudiandae vitae provident quae, obcaecati ipsam unde impedit corrupti veritatis minima porro?
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi quaerat qui iure ipsam maiores velit tempora, deleniti nesciunt fuga suscipit alias vero rem, corporis officia totam saepe excepturi odit ea.
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
- -
- The Odin Project ❤️ -
- +
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora, eveniet? Dolorem dignissimos maiores non delectus possimus dolor nulla repudiandae vitae provident quae, obcaecati ipsam unde impedit corrupti veritatis minima porro?
+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi quaerat qui iure ipsam maiores velit tempora, deleniti nesciunt fuga suscipit alias vero rem, corporis officia totam saepe excepturi odit ea.
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
+ +
+ The Odin Project ❤️ +
+ \ No newline at end of file diff --git a/flex/07-flex-layout-2/solution/solution.html b/flex/07-flex-layout-2/solution/solution.html index 356a0ea..a1c0084 100644 --- a/flex/07-flex-layout-2/solution/solution.html +++ b/flex/07-flex-layout-2/solution/solution.html @@ -1,36 +1,36 @@ - - - - - The Holy Grail - - - -
- MY AWESOME WEBSITE -
-
-
- + + + + + The Holy Grail + + + +
+ MY AWESOME WEBSITE
-
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora, eveniet? Dolorem dignissimos maiores non delectus possimus dolor nulla repudiandae vitae provident quae, obcaecati ipsam unde impedit corrupti veritatis minima porro?
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi quaerat qui iure ipsam maiores velit tempora, deleniti nesciunt fuga suscipit alias vero rem, corporis officia totam saepe excepturi odit ea.
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
+
+
+ +
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora, eveniet? Dolorem dignissimos maiores non delectus possimus dolor nulla repudiandae vitae provident quae, obcaecati ipsam unde impedit corrupti veritatis minima porro?
+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi quaerat qui iure ipsam maiores velit tempora, deleniti nesciunt fuga suscipit alias vero rem, corporis officia totam saepe excepturi odit ea.
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis illo ex quas, commodi eligendi aliquam ut, dolor, atque aliquid iure nulla. Laudantium optio accusantium quaerat fugiat, natus officia esse autem?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus nihil impedit eius amet adipisci dolorum vel nostrum sit excepturi corporis tenetur cum, dolore incidunt blanditiis. Unde earum minima laboriosam eos!
+
-
-
- The Odin Project ❤️ -
- +
+ The Odin Project ❤️ +
+ \ No newline at end of file diff --git a/grid/01-grid-layout-1/index.html b/grid/01-grid-layout-1/index.html index 1101edf..5b23771 100644 --- a/grid/01-grid-layout-1/index.html +++ b/grid/01-grid-layout-1/index.html @@ -1,23 +1,23 @@ - - - - - The Holy Grail - - - -
-
Header
-
Sidebar
-
Nav
-
Article -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

-

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+ + + + + The Holy Grail + + + +
+
Header
+
Sidebar
+
Nav
+
Article +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

+

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+
+
Footer
-
Footer
-
- + diff --git a/grid/01-grid-layout-1/solution/solution.html b/grid/01-grid-layout-1/solution/solution.html index 166ef1d..bbea1e5 100644 --- a/grid/01-grid-layout-1/solution/solution.html +++ b/grid/01-grid-layout-1/solution/solution.html @@ -1,23 +1,23 @@ - - - - - The Holy Grail - - - -
-
Header
-
Sidebar
-
Nav
-
Article -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

-

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+ + + + + The Holy Grail + + + +
+
Header
+
Sidebar
+
Nav
+
Article +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

+

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+
+
Footer
-
Footer
-
- + diff --git a/grid/02-grid-layout-2/index.html b/grid/02-grid-layout-2/index.html index c072094..7876217 100644 --- a/grid/02-grid-layout-2/index.html +++ b/grid/02-grid-layout-2/index.html @@ -1,23 +1,23 @@ - - - - - Responsive Holy Grail - - - -
-
Header
-
Sidebar
-
Nav
-
Article -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

-

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+ + + + + Responsive Holy Grail + + + +
+
Header
+
Sidebar
+
Nav
+
Article +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

+

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+
+
Footer
-
Footer
-
- + diff --git a/grid/02-grid-layout-2/solution/solution.html b/grid/02-grid-layout-2/solution/solution.html index 52c2cbe..45cfdf0 100644 --- a/grid/02-grid-layout-2/solution/solution.html +++ b/grid/02-grid-layout-2/solution/solution.html @@ -1,23 +1,23 @@ - - - - - Responsive Holy Grail - - - -
-
Header
-
Sidebar
-
Nav
-
Article -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

-

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+ + + + + Responsive Holy Grail + + + +
+
Header
+
Sidebar
+
Nav
+
Article +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur bibendum turpis quis interdum semper. Sed at pharetra neque, nec lacinia diam. Suspendisse quis faucibus mi, aliquam porttitor ipsum. Vivamus condimentum eros id mattis pharetra. Duis varius eros nibh. Donec a venenatis eros. Fusce in mauris massa. Donec est metus, rhoncus eu leo sed, aliquet posuere nisl.

+

Cras ut ex in nibh accumsan ullamcorper. Fusce rutrum, metus id porta porttitor, leo ipsum congue velit, eu hendrerit lectus nisi a odio. Pellentesque tristique eros id nibh finibus euismod. Cras suscipit volutpat elit eget pulvinar. Vivamus at blandit leo. Aenean sodales ex non massa efficitur, et egestas neque dapibus. In consequat hendrerit ex, nec finibus magna faucibus eu. Aliquam a libero non erat sollicitudin condimentum. In ac fringilla nisi. Sed pharetra ut turpis id luctus. Proin posuere tortor ac tempus luctus. Donec vitae est et neque faucibus posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

+
+
Footer
-
Footer
-
- + diff --git a/grid/03-grid-layout-3/index.html b/grid/03-grid-layout-3/index.html index 1d2a3dd..6f0600c 100644 --- a/grid/03-grid-layout-3/index.html +++ b/grid/03-grid-layout-3/index.html @@ -1,102 +1,102 @@ - - - - - Holy Grail Mockup - - - -
+ + + + + Holy Grail Mockup + + + +
-
- -
+
+ +
+
    +
  • header link one
    • +
  • header link two
    • +
  • header link three
    • +
  • header link four
    • +
+
+
+ +
+
+

placeholder for image

+
+
Box 1 +
+
Box 2 +
+
Box 3 +
+
+ +
    -
  • header link one
    • -
  • header link two
    • -
  • header link three
    • -
  • header link four
    • +
  • Latest Articles
    • +
  • Most Views
    • +
  • Featured
-
-
-
-

placeholder for image

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
-
Box 1 -
-
Box 2 -
-
Box 3 -
-
-
-
    -
  • Latest Articles
    • -
  • Most Views
    • -
  • Featured
    • -
+
+

Copyright © The Odin Project 2021 +

+
- -
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
- -
-

Copyright © The Odin Project 2021 -

- -
- + \ No newline at end of file diff --git a/grid/03-grid-layout-3/solution/solution.html b/grid/03-grid-layout-3/solution/solution.html index f49d159..5e32155 100644 --- a/grid/03-grid-layout-3/solution/solution.html +++ b/grid/03-grid-layout-3/solution/solution.html @@ -1,102 +1,102 @@ - - - - - Holy Grail Mockup - - - -
+ + + + + Holy Grail Mockup + + + +
-
- -
+
+ +
+
    +
  • header link one
    • +
  • header link two
    • +
  • header link three
    • +
  • header link four
    • +
+
+
+ +
+
+

placeholder for image

+
+
Box 1 +
+
Box 2 +
+
Box 3 +
+
+ +
    -
  • header link one
    • -
  • header link two
    • -
  • header link three
    • -
  • header link four
    • +
  • Latest Articles
    • +
  • Most Views
    • +
  • Featured
-
-
-
-

placeholder for image

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
+
+

Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

+
-
Box 1 -
-
Box 2 -
-
Box 3 -
-
-
-
    -
  • Latest Articles
    • -
  • Most Views
    • -
  • Featured
    • -
+
+

Copyright © The Odin Project 2021 +

+
- -
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
-

Article Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud...

-
-
- -
-

Copyright © The Odin Project 2021 -

- -
- + \ No newline at end of file diff --git a/margin-and-padding/margin-and-padding-1/index.html b/margin-and-padding/margin-and-padding-1/index.html index 99116e8..2bf271b 100644 --- a/margin-and-padding/margin-and-padding-1/index.html +++ b/margin-and-padding/margin-and-padding-1/index.html @@ -1,21 +1,21 @@ - - - - - Margin and Padding exercise - - - -
- DIV ONE -
-
- DIV TWO -
-
- DIV THREE -
- + + + + + Margin and Padding exercise + + + +
+ DIV ONE +
+
+ DIV TWO +
+
+ DIV THREE +
+ diff --git a/margin-and-padding/margin-and-padding-1/solution/solution.html b/margin-and-padding/margin-and-padding-1/solution/solution.html index 72dd4f9..0a6cfce 100644 --- a/margin-and-padding/margin-and-padding-1/solution/solution.html +++ b/margin-and-padding/margin-and-padding-1/solution/solution.html @@ -1,21 +1,21 @@ - - - - - Margin and Padding exercise - - - -
- DIV ONE -
-
- DIV TWO -
-
- DIV THREE -
- + + + + + Margin and Padding exercise + + + +
+ DIV ONE +
+
+ DIV TWO +
+
+ DIV THREE +
+ diff --git a/margin-and-padding/margin-and-padding-2/index.html b/margin-and-padding/margin-and-padding-2/index.html index 366b19d..c3a26c4 100644 --- a/margin-and-padding/margin-and-padding-2/index.html +++ b/margin-and-padding/margin-and-padding-2/index.html @@ -1,17 +1,17 @@ - - - - - Margin and Padding exercise 2 - - - -
-

I'm a card

-
I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.
-
and a
-
- + + + + + Margin and Padding exercise 2 + + + +
+

I'm a card

+
I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.
+
and a
+
+ diff --git a/margin-and-padding/margin-and-padding-2/solution/solution.html b/margin-and-padding/margin-and-padding-2/solution/solution.html index b16b451..dd658d1 100644 --- a/margin-and-padding/margin-and-padding-2/solution/solution.html +++ b/margin-and-padding/margin-and-padding-2/solution/solution.html @@ -1,17 +1,17 @@ - - - - - Margin and Padding exercise 2 - - - -
-

I'm a card

-
I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.
-
and a
-
- + + + + + Margin and Padding exercise 2 + + + +
+

I'm a card

+
I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.
+
and a
+
+