From 55c72ceea5aaa552e132ec49fe4ef3a99277e097 Mon Sep 17 00:00:00 2001 From: Alex-Dev Date: Thu, 29 Feb 2024 17:02:56 -0500 Subject: [PATCH 1/4] Add header marckup --- src/index.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/index.html b/src/index.html index b83774f..c36fc88 100644 --- a/src/index.html +++ b/src/index.html @@ -16,5 +16,8 @@
Header
+ \ No newline at end of file From 858a7b5ad90188422825cffc397ef4a562d58090 Mon Sep 17 00:00:00 2001 From: Alex-Dev Date: Thu, 29 Feb 2024 17:04:00 -0500 Subject: [PATCH 2/4] Add footer styles --- src/styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/styles.css b/src/styles.css index 831f374..1cec2e2 100644 --- a/src/styles.css +++ b/src/styles.css @@ -9,4 +9,12 @@ body { justify-content: center; align-items: center; border-bottom: 1px solid black; +} + +.footer { + height: 50px; + display: flex; + justify-content: center; + align-items: center; + border-top: 1px solid black; } \ No newline at end of file From 9cd2723d4527714060801c0215dbddcefeeebb10 Mon Sep 17 00:00:00 2001 From: Alex-Dev Date: Fri, 1 Mar 2024 10:11:43 -0500 Subject: [PATCH 3/4] add main content --- src/index.html | 1 + src/styles.css | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/src/index.html b/src/index.html index c36fc88..e6c0fcb 100644 --- a/src/index.html +++ b/src/index.html @@ -16,6 +16,7 @@
Header
+
Footer
diff --git a/src/styles.css b/src/styles.css index 1cec2e2..9ca9672 100644 --- a/src/styles.css +++ b/src/styles.css @@ -17,4 +17,8 @@ body { justify-content: center; align-items: center; border-top: 1px solid black; +} + +.content { + min-height: calc(100vh - 100px); } \ No newline at end of file From 5fdac467970bbe109ba4a4375b9cb745282c5b5d Mon Sep 17 00:00:00 2001 From: Alex-Dev Date: Fri, 1 Mar 2024 10:12:10 -0500 Subject: [PATCH 4/4] change footer size --- src/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles.css b/src/styles.css index 9ca9672..72d06b0 100644 --- a/src/styles.css +++ b/src/styles.css @@ -12,7 +12,7 @@ body { } .footer { - height: 50px; + height: 49px; display: flex; justify-content: center; align-items: center;