fixed bug on mobile where skill cards are laid horizontally instead of vertically.

src/Home.jsx

@@ -32,7 +32,7 @@ const Home = ({ image, skills }) => {
           </div>
         </div>
         <div id="skill-cards">
-          <div className="center-row">
+          <div className="center-row" id="skill-cards-colrow">
             <SkillCard
               header="Languages"
               symbol="code"

src/main.css

@@ -270,13 +270,6 @@ li {
   width: 100%;
 }
 
-#card-grid {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-
 /**SKILL CARDS**/
 .card {
   text-align: center;
@@ -950,11 +943,8 @@ li {
     margin-left: 5vw;
   }
 
-  #card-grid {
+  #skill-cards-colrow {
-    display: flex;
     flex-direction: column;
-    align-items: center;
-    justify-content: center;
   }
 
   .button {