Prevented horizontal scrolling on Safari

hoangsonww · Jan 2, 2024 · d437ac1 · d437ac1
1 parent 2f2feb7
commit d437ac1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/404.html b/404.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>404 Not Found - Son Nguyen Hoang</title>
     <link rel="stylesheet" href="./packages/css/styles.css">
+    <meta name="theme-color" content="#56c9e0">
     <style>
         .not-found-container {
             display: flex;

diff --git a/index.html b/index.html
@@ -33,11 +33,12 @@
     <meta name="twitter:description" content="Professional portfolio of Son Nguyen Hoang featuring diverse projects and skills in software engineering and business analysis.">
     <meta name="twitter:image" content="http://sonnguyenhoang.com/utils/image.png">
     <link rel="icon" type="image/x-icon" href="utils/favicon.ico">
+    <meta name="theme-color" content="#56c9e0">
     <link rel="manifest" href="manifest.json">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
 </head>
 
-<body>
+<body style="overflow-x: hidden">
 
 <!--==================== HEADER ====================-->
 <header class="header" id="header">

diff --git a/packages/css/styles.css b/packages/css/styles.css
@@ -71,6 +71,7 @@
 
 html {
     scroll-behavior: smooth;
+    overflow-x: hidden;
 }
 
 /*========== Variables Dark theme ==========*/
-Original file line number
+Diff line change
@@ Expand Up / @@ -71,6 +71,7 @@ @@
     html {
         scroll-behavior: smooth;
+        overflow-x: hidden;
     }
     /*========== Variables Dark theme ==========*/
@@ Expand Down @@