From 77d4a98a666ef6c2c18c10f2f2d62210f9eeb752 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Sun, 27 Aug 2023 01:36:12 +0530 Subject: first commit --- static/css/home.css | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 static/css/home.css (limited to 'static/css/home.css') diff --git a/static/css/home.css b/static/css/home.css new file mode 100644 index 0000000..a408685 --- /dev/null +++ b/static/css/home.css @@ -0,0 +1,75 @@ +#home-wrapper { + background-color: var(--home-bg); + color: var(--home-fg); + + min-height: 100vh; + overflow: hidden; + + display: flex; + justify-content: center; +} + +#home { + max-width: 1300px; + width: 95%; + + margin: auto; +} + +#home #nav-wrapper { + margin: 3rem 0; + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + gap: 3rem; +} + +#home #my-image-wrapper { + width: 20rem; + display: flex; + justify-content: center; + align-items: center; +} + +#home #my-image { + border-radius: 50%; + height: 100%; + width: 100%; +} + +#home #title-nav nav { + display: flex; + justify-content: left; + gap: 0.7rem; +} + +#home #title-nav nav a { + color: var(--home-fg); +} + +@media only screen and (max-width: 1000px) { + #home-wrapper { + display: block; + } + + #home #nav-wrapper { + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + margin: 1rem 0; + gap: 0; + } + + #home #my-image-wrapper { + width: 16rem; + max-width: 90vw; + } + + #home #title-nav nav { + justify-content: center; + flex-wrap: wrap; + } +} -- cgit v1.2.3