From d00e16599e2d18e59246bf5b088b59491d036802 Mon Sep 17 00:00:00 2001 From: CatSmith1 <105733850+CatSmith1@users.noreply.github.com> Date: Tue, 2 May 2023 15:59:32 +0100 Subject: [PATCH 1/7] Title and na vlinks --- index.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/index.html b/index.html index 67dfc7f5..b170a3cf 100644 --- a/index.html +++ b/index.html @@ -18,5 +18,24 @@ +
WOW! Capybaras!
+ + + From ecf3ae3e3b896590510d375526648621ba9d5a55 Mon Sep 17 00:00:00 2001 From: CatSmith1 <105733850+CatSmith1@users.noreply.github.com> Date: Tue, 2 May 2023 16:21:26 +0100 Subject: [PATCH 2/7] articles added --- index.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 52 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index b170a3cf..edf18fa6 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + The world's greatest capybara resource -
WOW! Capybaras!
+
WOW! Capybaras! +
+
+
+
+

What is a Capybara?

+

+ "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."

+

+ + + Read More + +

+ +
+
+ +
+
+

Where do Capybaras live?

+

+ "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."

+

+ + + Read More + +

+ +
+
+ +
+
+

What do Capybaras eat?

+

+ "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."

+

+ + + Read More + +

+ +
+
+
From ef0dfde288b22c0c60ae73aa62afcb64a7fcb2a3 Mon Sep 17 00:00:00 2001 From: CatSmith1 <105733850+CatSmith1@users.noreply.github.com> Date: Tue, 2 May 2023 16:27:04 +0100 Subject: [PATCH 3/7] Added footer --- index.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index edf18fa6..6bd39e6c 100644 --- a/index.html +++ b/index.html @@ -86,6 +86,11 @@ - + From 578b4ec3465a65895c8ca70f33c845f9ec09e9e0 Mon Sep 17 00:00:00 2001 From: CatSmith1 <105733850+CatSmith1@users.noreply.github.com> Date: Tue, 2 May 2023 16:39:27 +0100 Subject: [PATCH 4/7] nav and article CSS --- css/style.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ index.html | 2 +- 2 files changed, 48 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 75e9841e..4c78342b 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,50 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + .header { + display: flex; + align-items: center; + justify-content: space-between; + height: 5rem; + margin-bottom: 1rem; + padding-top: 1rem; + } + + .navigation__list { + display: flex; + list-style: none; + } + + .navigation__item { + padding: 2rem; + } + + .navigation__link { + color: var(--grey-dark); + font-weight: 600; + text-transform: uppercase; + text-decoration: none;} + + + +.article__summary { + margin-top: 0; +margin-bottom: 1rem; + + } + + +.article__read-more { + margin-top: 0; + } + +.article__read-more a { + font-size: 0.85rem; + font-weight: 700; + color: var(--orange-dark); + text-decoration: none; + } + + + + \ No newline at end of file diff --git a/index.html b/index.html index 6bd39e6c..69515925 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ -
WOW! Capybaras! +
-
+

What is a Capybara?

@@ -54,7 +54,7 @@
-
+

Where do Capybaras live?

@@ -70,7 +70,7 @@
-
+

What do Capybaras eat?

From 8ab53778cb0dc7a409f832dba220cb5485635118 Mon Sep 17 00:00:00 2001 From: CatSmith1 <105733850+CatSmith1@users.noreply.github.com> Date: Tue, 2 May 2023 17:46:51 +0100 Subject: [PATCH 7/7] added first-child style --- css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index d3dada89..826148e3 100644 --- a/css/style.css +++ b/css/style.css @@ -18,7 +18,7 @@ } .navigation__list { - display: flex; + display: flex; list-style: none; color: #3835f0; } @@ -45,7 +45,7 @@ border-width: 0.1rem; color: #3835f0 } -.h1:first-child { +.section:first-child { background: #d4d3eb; }