Merge pull request #79 from neontribe/new-sponsor

feat: add new sponsor

app/components/Sponsors/Sponsors.css

@@ -23,22 +23,18 @@
   min-height: 240px;
   background-color: var(--c-white);
   margin: 0;
-  padding-top: 1rem;
+  padding: 2rem 0;
   width: 100%;
   border-radius: 0px 0px 40px 0px;
 }
 
 .sponsor-large {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 0.6fr));
-  grid-row-gap: 1.6rem;
-  justify-content: center;
-  padding: 2.5rem;
-}
-
-.sponsor-large div {
   display: flex;
+  flex-wrap: wrap;
+  column-gap: 20px;
+  row-gap: 5px;
   justify-content: center;
+  padding: 1rem 2.5rem;
 }
 
 .sponsor-grid {
@@ -53,8 +49,7 @@
 }
 
 @media (max-width: 360px) {
-  .sponsor-grid,
-  .sponsor-large {
+  .sponsor-grid, .sponsor-large {
     gap: 25px;
   }
 }

app/components/Sponsors/Sponsors.tsx

@@ -19,7 +19,7 @@ const Sponsors = () => {
               />
             </a>
           </div>
-       
+
           <div>
             <a target="_blank" href="https://www.ukgovcamp.com">
               <Image
@@ -31,6 +31,19 @@ const Sponsors = () => {
             </a>
           </div>
 
+          <div>
+            <a target="_blank" href="https://basis.co.uk/">
+              <Image
+                width={170}
+                height={66}
+                alt="Thank you to Basis for sponsoring this event"
+                src="/basis.png"
+              />
+            </a>
+          </div>
+        </div>
+
+        <div className="sponsor-grid">
           <div>
             <a target="_blank" href="https://thirdsectorlab.co.uk/">
               <Image
@@ -42,23 +55,17 @@ const Sponsors = () => {
             </a>
           </div>
 
-
-
           <div>
             <a target="_blank" href="https://nexergroup.com/">
               <Image
-                width={150}
-                height={35}
+                width={100}
+                height={20}
                 alt="Thank you to Nexer for sponsoring this event"
                 src="/nexer.png"
               />
             </a>
           </div>
-
-
-
         </div>
-
       </div>
     </div>
   );