diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 6991881..cef69ad 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,6 +1,6 @@
-<nav>
+<nav class="pl-4 md:pl-24">
   <a href="/" class="logo">{{ .Site.Title }}</a>
-  <ul>
+  <ul class="hidden md:flex">
     {{ range .Site.Menus.main }}
     <li>
       <a href="{{ .URL }}">{{ .Name }}</a>
@@ -8,4 +8,4 @@
     {{end}}
   </ul>
 </nav>
-<section class="banner"></section>
\ No newline at end of file
+<section class="banner"></section>