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

+
+
+
+ + +