From 97da3068605699ac663892f9eaec3eb2bd6a660b Mon Sep 17 00:00:00 2001 From: Singhal-Coder Date: Fri, 3 May 2024 17:57:49 +0530 Subject: [PATCH] UI : Align buttons properly --- index.html | 5 +++-- style.css | 24 ++++++++++++++++++++++++ 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index a6d35a4..95059a8 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,8 @@
-

Open Source Coding

+

Open Source Coding

+

Digital Clock with Stopwatch and Timer

Clock

@@ -115,7 +116,7 @@
- + Created with ❤️ by Vishal Malyan diff --git a/style.css b/style.css index e9188a0..1814b07 100644 --- a/style.css +++ b/style.css @@ -69,8 +69,11 @@ i { .btns { margin-top: 20px; gap: 10px; + display: flex; + justify-content: center; } .btn { + margin-right: 5px; padding: 10px 20px; border-radius: 5px; color: #fff; @@ -86,6 +89,27 @@ i { -webkit-backdrop-filter: blur(1.5px); border: 1px solid rgba(255, 255, 255, 0.18); } + +.content > .title{ + margin-bottom: 25px; + color: #eef1f6; + font-size: 20px; + text-transform: none; +} + +.clock > .wrapper{ + padding: 30px 20px; + border-radius: 10px; + color: #fff; + border: none; + font-size: 12px; + font-weight: 500; + background: rgba(255, 255, 255, 0.15); + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); + backdrop-filter: blur(1.5px); + -webkit-backdrop-filter: blur(1.5px); + border: 1px solid rgba(255, 255, 255, 0.18); +} .btn:active { box-shadow: none; }