From 1cff5723b46d600489d3fe6a25f9d5299ef7558a Mon Sep 17 00:00:00 2001 From: aerinpatel Date: Sun, 4 May 2025 12:22:43 +0530 Subject: [PATCH 1/2] button fixed --- style.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index a33892f..5fb0cce 100644 --- a/style.css +++ b/style.css @@ -597,6 +597,10 @@ body.dark-mode footer { margin-bottom: 2rem; border: 2px solid #c3c6ce; position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + padding-bottom: 1.5rem; } .event-card:not(:hover) { @@ -683,7 +687,7 @@ body.dark-mode footer { } .register-button { - width: 60%; + width: 8rem; border-radius: 1rem; border: none; color: #ffffff !important; @@ -691,7 +695,12 @@ body.dark-mode footer { font-size: 1rem; padding: 0.5rem 1rem; position: relative; - left: 30%; + /* left: 32vw; */ + left: 49%; + transform: translateX(-50%); + display: flex; + justify-content: center; + align-items: center; bottom: 0; text-decoration: none; transition: background-color 0.3s ease; From 032cd9f1e7bd878d7eaeb17a22f6fac93e3523b1 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Sun, 18 May 2025 00:09:44 +0530 Subject: [PATCH 2/2] Added changes --- style.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index 5fb0cce..363f5d3 100644 --- a/style.css +++ b/style.css @@ -600,7 +600,6 @@ body.dark-mode footer { display: flex; flex-direction: column; justify-content: space-between; - padding-bottom: 1.5rem; } .event-card:not(:hover) { @@ -687,22 +686,21 @@ body.dark-mode footer { } .register-button { - width: 8rem; + width: 7rem; border-radius: 1rem; border: none; color: #ffffff !important; background-color: var(--primary-color); font-size: 1rem; - padding: 0.5rem 1rem; + padding: 0.5rem; position: relative; - /* left: 32vw; */ - left: 49%; - transform: translateX(-50%); + left: 50%; + bottom: 0; display: flex; - justify-content: center; align-items: center; - bottom: 0; text-decoration: none; + justify-content: center; + transform: translateX(-50%); transition: background-color 0.3s ease; }