diff --git a/src/assets/css/App.css b/src/assets/css/App.css
index a326be1..c0f3b3c 100644
--- a/src/assets/css/App.css
+++ b/src/assets/css/App.css
@@ -238,7 +238,9 @@ a {
 
 .projectList {
   padding: 0px;
-  display: block;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
diff --git a/src/componets/Project.js b/src/componets/Project.js
index 8337218..72db7b1 100644
--- a/src/componets/Project.js
+++ b/src/componets/Project.js
@@ -14,10 +14,10 @@ export default class Project extends React.Component {
                 )
             })
         } else{
-            links = <a><img alt="no links!" src={placeholder} /></a>
+            links = <div className='placeholder'><img alt="no links!" src={placeholder} /></div>
         }
         return (
-            <li className={'project'} data-aos='fade-up'>
+            <div className={'project'} data-aos='fade-up'>
                 <div className='topBox'>
                     <h3>{this.props.title}</h3>
                     <p className={this.props.status + " tab"}>⬤</p>
@@ -26,7 +26,7 @@ export default class Project extends React.Component {
                 <div className='bottomBox'>
                     {links}
                 </div>
-            </li>
+            </div>
         )
     }
 }
diff --git a/src/componets/ProjectList.js b/src/componets/ProjectList.js
index 57b71fa..d01a276 100644
--- a/src/componets/ProjectList.js
+++ b/src/componets/ProjectList.js
@@ -11,10 +11,8 @@ export default function ProjectList(props){
         );
     });
     return(
-        <>
-        <ul className='projectList centeredForeground' data-aos='fade-up'>
+        <div className='projectList centeredForeground' data-aos='fade-up'>
             {projects}
-        </ul>
-        </>
+        </div>
     );
 } 
\ No newline at end of file