Created a css file and applied css styling

Author: Priscilla-MacGatus

web/src/App.css

@@ -0,0 +1,5 @@
+.mainDiv {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 40px;
+}

web/src/App.jsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import TaskList from './components/domains/task/TaskList/TaskList';
 import NewTaskForm from './components/domains/New-Task/new-task.jsx';
 import { Routes, Route, Link } from 'react-router';
+import './App.css';
 
 function App() {
   const [TaskListInfo, setTaskListInfo] = useState([
@@ -64,7 +65,7 @@ function App() {
 
   return (
     <>
-      <div className={styles.maindiv}>
+      <div className="mainDiv">
         <div>
           <div>
             <img src="/Migracode Logo 1.png" alt="Migracode-logo" />