From b3fabb1ad2b16de1df2665da95c4df803ef42733 Mon Sep 17 00:00:00 2001 From: UmSamu Date: Thu, 21 Dec 2023 10:56:48 -0300 Subject: [PATCH 1/3] add centralized and width content-containter --- src/styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/styles.css b/src/styles.css index d4bcf75..c6ed79d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -21,4 +21,6 @@ body { .content { min-height: calc(100vh - 100px); + width: 720px; + margin: auto; } \ No newline at end of file From d71c0b1e823765dc8b635f7c7669857057966758 Mon Sep 17 00:00:00 2001 From: UmSamu Date: Thu, 21 Dec 2023 12:22:04 -0300 Subject: [PATCH 2/3] add responsive --- src/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/styles.css b/src/styles.css index c6ed79d..42a3bae 100644 --- a/src/styles.css +++ b/src/styles.css @@ -22,5 +22,6 @@ body { .content { min-height: calc(100vh - 100px); width: 720px; + max-width: 100%; margin: auto; } \ No newline at end of file From 9271132e2ecaa03070ba3252754210d4cbc667b9 Mon Sep 17 00:00:00 2001 From: UmSamu Date: Thu, 21 Dec 2023 12:13:59 -0300 Subject: [PATCH 3/3] Add bottom section --- src/index.html | 6 +++++- src/styles.css | 10 ++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index e6c0fcb..99401dc 100644 --- a/src/index.html +++ b/src/index.html @@ -16,7 +16,11 @@
Header
-
+
+
+ Bottom section +
+
diff --git a/src/styles.css b/src/styles.css index 42a3bae..c0e6adb 100644 --- a/src/styles.css +++ b/src/styles.css @@ -24,4 +24,14 @@ body { width: 720px; max-width: 100%; margin: auto; +} + +.section { + height: 450px; + width: 100%; + margin-top: 20px; + display: flex; + justify-content: center; + align-items: center; + border: 1px solid black; } \ No newline at end of file