From 1e8efac2e4342120487603432b5ff037b52d5951 Mon Sep 17 00:00:00 2001 From: Roxy Date: Thu, 6 Jul 2023 14:40:50 +0200 Subject: [PATCH] bruh --- assets/dominate.css | 54 +++++++++++++++++++++++++++++++++++++++------ 1 file changed, 47 insertions(+), 7 deletions(-) diff --git a/assets/dominate.css b/assets/dominate.css index d93fbfe..c576e5b 100644 --- a/assets/dominate.css +++ b/assets/dominate.css @@ -1,10 +1,13 @@ + + body { padding-top: 20px; padding-bottom: 60px; -background-color: #3c0084; + background-color: #3c0084; } /* Custom container */ + .container { margin: 0 auto; max-width: 1000px; @@ -13,6 +16,11 @@ background-color: #3c0084; margin: 60px 0; } + .hero-unit { + background-color: #aa00a7; + box-shadow: 0 0 0 4px #aa009f; + } + /* Main marketing message and sign up button */ .jumbotron { margin: 80px 0; @@ -30,7 +38,7 @@ background-color: #3c0084; font-size: 21px; padding: 14px 24px; } - + /* Supporting marketing content */ .marketing { margin: 60px 0; @@ -38,12 +46,44 @@ background-color: #3c0084; .marketing p + h4 { margin-top: 28px; } - + .pissbigger h1 { - font-size: 42px; - line-height: 1; + font-size: 42px; + line-height: 1; } - .hero-unit { - text-align: center; + /* how to not fix your css part numba wuuun */ + @media (min-width: 768px) and (max-width: 979px) { + .pantshitted { + float:right !important; + } } + + .flextape { + display: grid; + gap: 1rem; + grid-template-columns: 1fr 1fr 1fr; + } + + @media (min-width: 600px) and (max-width: 979px) { + .flextape { + grid-template-columns: 1fr 1fr; + } + } + + @media (max-width: 600px) { + .flextape { + grid-template-columns: 1fr; + } + } + + .memcomment { + position: relative; + padding-bottom: 50px; + } + + .memcomment .author { + position: absolute; + bottom: 0; + left: 0; + } \ No newline at end of file