From 04bf4da6d1bce1d66df0334f370ea970dfea8b72 Mon Sep 17 00:00:00 2001 From: ZebraMilk Date: Sun, 30 Jan 2022 12:16:13 -0600 Subject: [PATCH] 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
+
+