diff --git a/assets/css/style.css b/assets/css/style.css
index faff11d..4dcf853 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -991,6 +991,7 @@ button:hover {
   /* Media query for smaller screens */
   @media (max-width: 768px) {
     .container {
+      flex-direction: column;
       align-items: center;
       gap: 20px;
     }
diff --git a/index.html b/index.html
index 18b8126..d160308 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@
   -->
   <header class="header" data-header>
 
-    <div class="container">
+    <div class="container" style="margin-left: 5rem;">
 
       <a href="#">
         <img src="./assets/images/Skillwise_logo-removebg-preview.png" width="50" height="10" alt="SkillWise home">