From 3c43155c2a3b93ce51273cf8be2762bf72a18cdf Mon Sep 17 00:00:00 2001 From: Nishant Kaushal <101548649+nishant0708@users.noreply.github.com> Date: Thu, 1 Aug 2024 09:40:53 +0530 Subject: [PATCH] fixed --- index.html | 40 ++++++++++++++++++++++------------------ styles.css | 30 +++++++++++++++++++++++------- 2 files changed, 45 insertions(+), 25 deletions(-) diff --git a/index.html b/index.html index fbfa01c3..2d96f901 100644 --- a/index.html +++ b/index.html @@ -4,41 +4,45 @@ Awesome GitHub Profile READMEs - + +
Light Mode
+

Awesome GitHub Profile READMEs

- All - Github Actions 🤖 - Game Mode 🚀 - Code Mode 👨‍💻 - Dynamic Realtime 🔄 - A Little Bit of Everything 😃 - Descriptive 🗒 - Simple but Innovative Ones 🤗 - Typing.. Mode ⌨️ - Anime 👾 + Badge 🎖️ Minimalistic ✨ - GIFS 🖼️ - Just Images 🐱 - Badges 🎖️ - Fancy Fonts ✍️ + Dynamic 🔄 Icons 🎯 - Retro 😎 + + Backgrounds 😎 + GIFS 🖼️ + Game Mode 🚀 + Code 👨‍💻
- + ADD YOUR PROFILE
- +
diff --git a/styles.css b/styles.css index 782f0393..989476c0 100644 --- a/styles.css +++ b/styles.css @@ -19,6 +19,10 @@ body { } .tags { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; margin-bottom: 20px; } @@ -138,11 +142,13 @@ body { /* Toggle Switch Styles */ .toggle-switch { - position: fixed; - top: 20px; - left: 20px; - display: flex; - align-items: center; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + position: absolute; + + cursor: pointer; } @@ -159,7 +165,10 @@ body { position: relative; transition: background-color 0.3s ease; } - + .toggle-switch-container{ + position: relative; + margin: 40px 0px; + } .toggle-switch label::after { content: ""; width: 23px; @@ -189,4 +198,11 @@ body { body.dark-mode .toggle-label { color: #f0f0f0; } - \ No newline at end of file + @media (max-width:500px){ + .toggle-switch{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + } + } \ No newline at end of file