remove: roadmap section. it's useless

Author: tomoayan

index.html

@@ -124,25 +124,6 @@ <h3>Tomo / Modosu</h3>
                 </div>
             </div>
         </div>
-        <div class="roadMap">
-            <div class="roadmap-wrapper">
-                <h1><span class="img"><img onload="this.style.opacity=1" src="./assets/motorway.svg" alt="roadmap icon"></span> Roadmap</h1>
-                <div class="active">
-                    <h4>Active</h4>
-                    <div class="task">
-                        <h4>Youtube</h4>
-                        <p>Get consistent at both (tomo & modosu) channels</p>
-                    </div>
-                    <div class="task">
-                        <h4>Project Subnox</h4>
-                        <p>Make a web-based subtitle editor</p>
-                    </div>
-                </div>
-                <div class="planned">
-                    <h4>Planned</h4>
-                </div>
-            </div>
-        </div>
     </div>
 </body>
 

main.css

@@ -45,16 +45,10 @@ h6 {
 
 /* Wrapper */
 .wrapper {
+    display: grid;
+    place-content: center;
     min-height: 100vh;
     width: 100vw;
-    display: grid;
-    grid-template-columns: 60% 40%;
-}
-
-@media screen and (max-width: 1024px) {
-    .wrapper {
-        grid-template-columns: none;
-    }
 }
 
 
@@ -204,89 +198,8 @@ h6 {
         transform: translateY(70%);
     }
 
-    .bio p, 
+    .bio p,
     .profile h3 {
         font-size: 14px;
     }
-}
-
-
-
-
-/* roadmap */
-.roadMap {
-    display: flex;
-    flex-direction: row;
-    border-left: 1px solid hsla(0, 0%, 100%, 0.2);
-    min-height: 100vh;
-    padding: 40px;
-    color: hsl(0, 0%, 100%, 0.8);
-}
-
-.roadmap-wrapper {
-    width: 100%;
-}
-
-.roadMap .img {
-    border-radius: 6px;
-    overflow: hidden;
-    width: 2rem;
-    height: 2rem;
-    background-color: hsla(0, 0%, 100%, 0.07);
-}
-.roadMap .img img {
-    transition: opacity 0.1s ease-in;
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.roadMap h1 {
-    display: flex;
-    align-items: center;
-    gap: 7px;
-    width: 100%;
-    margin-bottom: 16px;
-    padding-bottom: 6px;
-}
-
-.roadmap-wrapper .active, .roadmap-wrapper .planned {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-.roadMap .planned {
-    margin-top: 50px;    
-}
-
-.roadMap .task {
-    position: relative;
-    background-color: rgba(255, 255, 255, 0.05);
-    border-radius: 6px;
-    padding: 20px 15px;
-    width: 100%;
-    border: 1px solid hsla(0, 0%, 100%, 0.1);
-}
-
-.roadMap .task h4 {
-    margin-bottom: 7px;
-}   
-.roadMap .task p {
-    font-size: 1rem;
-    color: hsl(0, 0%, 70%);
-    font-weight: 300;
-}
-
-@media screen and (max-width: 1024px) {
-    .roadMap {
-        border-left: none;
-        border-top: 1px solid hsla(0, 0%, 100%, 0.2);
-        padding-top: 25px;
-        margin-top: 10px;
-    }
-    
-    .roadMap h1 {
-        font-size: 1.8rem;
-    }
 }