fix: Livepage event section cards overflow

hack4bengal · Jun 26, 2024 · e565a01 · e565a01
1 parent c99fd85
commit e565a01
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/pages/live/EventSection.scss b/src/pages/live/EventSection.scss
@@ -58,20 +58,23 @@
 
 .event-list {
     display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
+    justify-content: center;
+    align-items: start;
     gap: 10rem;
+    padding: 0 7rem;
 
     @media screen and (max-width: 1120px) {
         flex-direction: column;
         align-items: center;
         gap: 2.5rem;
+        padding: 0;
     }
 
 
     .live-event {
         flex: 1;
         flex-direction: column;
+        max-width: 600px;
 
         .badge-live {
             display: flex;
@@ -96,6 +99,7 @@
         flex: 1;
         display: flex;
         flex-direction: column;
+        max-width: 600px;
 
         .badge-upcoming {
             display: flex;

diff --git a/src/pages/live/Events.js b/src/pages/live/Events.js
@@ -1,5 +1,3 @@
-import ml101 from "../../assets/images/EventsImages/ml101.webp";
-import uiux101 from "../../assets/images/EventsImages/uiux101.webp";
 
 export const Events = [
     {