improve width

CAG2Mark · Jun 26, 2024 · c51e4ec · c51e4ec
1 parent b222760
commit c51e4ec
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 22 deletions.
diff --git a/about.html b/about.html
@@ -8,7 +8,7 @@
     <title>About - Mark Ng</title>
 
     <!-- GLOBAL CSS & FONTS -->
-    <link rel="stylesheet" href="styles/global.css?version=16">
+    <link rel="stylesheet" href="styles/global.css?version=17">
     <link href="content/fonts/inter.css?version=1" rel="stylesheet">
 
     <link rel="stylesheet" href="styles/about.css?version=6">

diff --git a/flychrono2.html b/flychrono2.html
@@ -8,7 +8,7 @@
     <title>About - Mark Ng</title>
 
     <!-- GLOBAL CSS & FONTS -->
-    <link rel="stylesheet" href="styles/global.css?version=16">
+    <link rel="stylesheet" href="styles/global.css?version=17">
     <link href="content/fonts/inter.css?version=1" rel="stylesheet">
     <link href="content/fonts/inter.css" rel="stylesheet">
 

diff --git a/flylivestudio.html b/flylivestudio.html
@@ -8,7 +8,7 @@
     <title>About - Mark Ng</title>
 
     <!-- GLOBAL CSS & FONTS -->
-    <link rel="stylesheet" href="styles/global.css?version=16">
+    <link rel="stylesheet" href="styles/global.css?version=17">
     <link href="content/fonts/inter.css?version=1" rel="stylesheet">
     <link href="content/fonts/inter.css" rel="stylesheet">
 

diff --git a/index.html b/index.html
@@ -8,15 +8,15 @@
     <title>Portfolio of Mark Ng</title>
 
     <!-- GLOBAL CSS & FONTS -->
-    <link rel="stylesheet" href="styles/global.css?version=16">
+    <link rel="stylesheet" href="styles/global.css?version=17">
     <link href="content/fonts/inter.css?version=1" rel="stylesheet">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
     <link rel="icon" type="image/png" href="content/icons/favicon.ico">
 
     <!-- PAGE SPECIFIC CSS -->
-    <link rel="stylesheet" href="styles/home.css?version=12">
+    <link rel="stylesheet" href="styles/home.css?version=13">
 
     <!--  Essential META Tags -->
 
@@ -65,7 +65,7 @@
 
     <!-- cover -->
     <div class="section" id="cover">
-        <div id="cover-wrap">
+        <div id="cover-wrap" class="section-content">
             <span id="name-wrap">
                 <div class="vertical-align" id="name-container">
                     <span class="name-item" id="name-first">Mark</span>

diff --git a/projects.html b/projects.html
@@ -8,7 +8,7 @@
     <title>Projects - Mark Ng</title>
 
     <!-- GLOBAL CSS & FONTS -->
-    <link rel="stylesheet" href="styles/global.css?version=16">
+    <link rel="stylesheet" href="styles/global.css?version=17">
     <link href="content/fonts/inter.css?version=1" rel="stylesheet">
     <link href="content/fonts/inter.css" rel="stylesheet">
 

diff --git a/styles/global.css b/styles/global.css
@@ -158,12 +158,13 @@ h4 {
 }
 
 .section {
-    padding: 0 20%;
     overflow: auto;
 }
 
 .section-content {
-    margin: 60px 0
+    margin: 60px auto;
+    max-width: 1400px;
+    width: 90%;
 }
 
 .width-wrapper {
@@ -717,16 +718,12 @@ p > a::after {
         font-size: 8vw;
     }
 
-    .section {
-        padding: 0px calc(100vw - 95%);
-    }
-
     .standard-width {
-        margin: 0px calc(100vw - 95%)
+        margin: 0px 5%;
     }
 
     .section-content {
-        margin: 8px 0;
+        margin: 8px 5%;
     }
 
     .info-row-flex {
@@ -761,12 +758,6 @@ p > a::after {
     }
 }
 
-@media (max-width: 1400px) {
-    .section {
-        padding: 0px calc(100vw - 95%);
-    }
-}
-
 /* Custom Scrollbar */
 /* width */
 ::-webkit-scrollbar {

diff --git a/styles/home.css b/styles/home.css
@@ -11,7 +11,8 @@ html[data-scroll="30"] .navigation-background {
 }
 
 #cover-wrap {
-    width: 100%;
+    margin-top: 0;
+    margin-bottom: 0;
     height: 100%;
     position: relative;
 }