🚨 Fixed issues from codacy

README.md

@@ -37,9 +37,9 @@ npm run deploy
 
 ## Dependencies
 
-- phosphor-react: ^1.4.1
-- react: ^18.2.0
-- react-dom: ^18.2.0
+  - phosphor-react: ^1.4.1
+  - react: ^18.2.0
+  - react-dom: ^18.2.0
 
 ## License
 

src/App.module.css

@@ -2,9 +2,8 @@
   max-width: 80rem;
   margin: 2rem auto;
   padding: 0 1rem;
-
   display: grid;
   grid-template-columns: 256px 1fr;
   gap: 2rem;
   align-items: flex-start;
-}
+}

src/components/Game.module.css

@@ -40,11 +40,11 @@
   height: 10rem;
   border-radius: 8px;
   border: 4px solid var(--black);
-  outline: 2px solid var(--blue-2)
+  outline: 2px solid var(--blue-2);
 }
 
 .gameDescription {
   display: flex;
   align-items: top;
   border: 1px solid red;
-}
+}

src/components/Header.module.css

@@ -7,4 +7,4 @@
 
 .header img {
   height: 3.87rem;
-}
+}

src/components/Sidebar.module.css

@@ -14,7 +14,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-
   margin-top: calc(0px - 1.875rem - 6px);
 }
 
@@ -36,7 +35,7 @@
   height: 3.75rem;
   border-radius: 8px;
   border: 4px solid var(--black);
-  outline: 2px solid var(--blue-2)
+  outline: 2px solid var(--blue-2);
 }
 
 .sidebar footer {
@@ -55,17 +54,14 @@
   font-weight: bold;
   display: block;
   text-decoration: none;
-
   display: flex;
   align-items: center;
   justify-content: center;
-
   gap: 0.5rem;
-
   transition: color 0.1s, background-color 0.1s;
 }
 
-.sidebar footer a:hover{
+.sidebar footer a:hover {
   background: var(--blue-1);
   color: var(--white);
-}
+}

src/global.css

@@ -8,7 +8,7 @@
 }
 
 * {
-	margin: 0;
+  margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
@@ -17,10 +17,7 @@ body {
   background: var(--blue-2);
   color: var(--white);
   -webkit-font-smoothing: antialiased;
-}
-
-body {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 1rem;
-}
+}