From e83606908209560055141273d82742c7c3dc661e Mon Sep 17 00:00:00 2001
From: Kasun Udara <2021cs198@stu.ucsc.cmb.ac.lk>
Date: Thu, 8 Feb 2024 10:43:45 +0530
Subject: [PATCH] that white column issue fixed

---
 Frontend/src/App.css                      | 2 ++
 Frontend/src/Components/Prizes/Prizes.css | 7 +++++--
 Frontend/src/Components/Prizes/Prizes.tsx | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/App.css b/Frontend/src/App.css
index 490d90a..9da2de5 100644
--- a/Frontend/src/App.css
+++ b/Frontend/src/App.css
@@ -4,4 +4,6 @@
 
 .content{
   background-color: #18113A;
+  overflow: hidden;
+  max-width: 100vw;
 }
diff --git a/Frontend/src/Components/Prizes/Prizes.css b/Frontend/src/Components/Prizes/Prizes.css
index 2ce291e..302a6ed 100644
--- a/Frontend/src/Components/Prizes/Prizes.css
+++ b/Frontend/src/Components/Prizes/Prizes.css
@@ -116,15 +116,18 @@
 }
 .prizeHead {
   width: 93%;
+  white-space: nowrap;
+  min-width: 20vw;
   display: flex;
   align-items: center;
   justify-content: right;
   margin-bottom: 50px;
 }
-.shape {
+.prizeDiv .shapePrize {
   width: 20%;
+  /* width: auto !important; */
   height: 45px;
-  background: linear-gradient(to right, #782a84,#575254);
+  background: linear-gradient(to right, #782a84,#782a84);
   padding: 20px;
   text-align: center;
   color: #ffffff;
diff --git a/Frontend/src/Components/Prizes/Prizes.tsx b/Frontend/src/Components/Prizes/Prizes.tsx
index de29936..7765a47 100644
--- a/Frontend/src/Components/Prizes/Prizes.tsx
+++ b/Frontend/src/Components/Prizes/Prizes.tsx
@@ -8,7 +8,7 @@ const Prizes = () => {
   return (
     <div className="prizeDiv" id ={"prize"}>
       <div className="prizeHead" data-aos="fade-left" data-aos-duration="1000">
-        <div className="shape">
+        <div className="shapePrize">
         <h1 className="font-sfont font-semibold tracking-wider">
             <span>Awards for Winners</span>
           </h1>