Merge branch 'main' of https://github.com/CS3219-AY2425S1/cs3219-ay2425s1-project-g15

Author: jehousoh

frontend/src/app/(home)/components/code-snippet/CodeSnippetHighlight.tsx

@@ -6,16 +6,18 @@ import { useEffect, useState, useRef } from "react";
 
 const CodeSnippetHighlight = () => {
   const code = `
-  class Solution:
-    def twoSum(self, nums: List[int], target: int) -> List[int]:
-        idxDict = {}
-        for i, num in enumerate(nums):
-            idxDict[num] = i
-        
-        for i, num in enumerate(nums):
-            diff = target - num
-            if diff in idxDict and i != idxDict[diff]:
-                return [i, idxDict[diff]]`;
+class Solution:
+  def twoSum(self, nums: List[int], target: int) -> List[int]:
+      idxDict = {}
+      for i, num in enumerate(nums):
+          idxDict[num] = i
+      
+      for i, num in enumerate(nums):
+          diff = target - num
+          if diff in idxDict and i != idxDict[diff]:
+              return [i, idxDict[diff]]
+              
+              `;
 
   const [displayedText, setDisplayedText] = useState(""); // Store the currently displayed text
   const currentCharIndexRef = useRef(0); // Track the current character index
@@ -52,7 +54,8 @@ const CodeSnippetHighlight = () => {
         borderRadius: "10px",
       }}
     >
-      {displayedText}
+        {displayedText}
+
     </SyntaxHighlighter>
   );
 };

frontend/src/app/(home)/components/landing-page/LandingPage.tsx

@@ -27,7 +27,7 @@ const LandingPage = () => {
   return (
     <div className="flex flex-col min-h-full">
       <Navbar />
-      <div className="grid grid-cols-2 gap-10 h-full items-center justify-center pl-10 pr-10">
+      <div className="grid grid-cols-[1.45fr,1.55fr] gap-10 h-full items-center justify-center pl-10 pr-10">
         <div className="">
           <h1 className="text-6xl font-extrabold text-white pb-8">
             Collaborative Coding, <br></br> Competitive Results.