From e6a7310e04432e8f28ac7a79d904aa2db4e1258e Mon Sep 17 00:00:00 2001 From: Emilia Date: Thu, 29 Sep 2022 21:17:06 -0400 Subject: [PATCH] Landing page for base --- src/cool-stuff/css-purgatory/base/index.css | 17 ++++++++--- src/cool-stuff/css-purgatory/base/index.html | 2 +- .../css-purgatory/base/landingpage.html | 28 +++++++++++++++++++ 3 files changed, 42 insertions(+), 5 deletions(-) create mode 100644 src/cool-stuff/css-purgatory/base/landingpage.html diff --git a/src/cool-stuff/css-purgatory/base/index.css b/src/cool-stuff/css-purgatory/base/index.css index 844c120..84dd7b0 100644 --- a/src/cool-stuff/css-purgatory/base/index.css +++ b/src/cool-stuff/css-purgatory/base/index.css @@ -94,6 +94,14 @@ input, button, textarea, select { /* Utility Classes */ /* --------------- */ +/* Layouts */ + +.container { + padding-inline: clamp(0.5rem, 4rem, 5rem); + margin-inline: auto; + max-width: 80rem; +} + .flex { display: flex; gap: 2rem; @@ -124,12 +132,13 @@ input, button, textarea, select { justify-content: space-evenly; } -.container { - padding-inline: clamp(0.5rem, 4rem, 5rem); - margin-inline: auto; - max-width: 80rem; +.lock-bottom { + position: absolute; + bottom: 0%; } +/* Other */ + .hr::after { /* Add fake hr after header */ content: ''; diff --git a/src/cool-stuff/css-purgatory/base/index.html b/src/cool-stuff/css-purgatory/base/index.html index 32e81c9..85c5bcc 100644 --- a/src/cool-stuff/css-purgatory/base/index.html +++ b/src/cool-stuff/css-purgatory/base/index.html @@ -95,7 +95,7 @@

Sample Pages

diff --git a/src/cool-stuff/css-purgatory/base/landingpage.html b/src/cool-stuff/css-purgatory/base/landingpage.html new file mode 100644 index 0000000..caff4da --- /dev/null +++ b/src/cool-stuff/css-purgatory/base/landingpage.html @@ -0,0 +1,28 @@ + + + + + + Base - Landing Page + + + + + +
+
+
+

Base Landing Page

+

One might want a flashy landing page

+
+
+
+ + +