Line 3: | Line 3: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.navbar { | .navbar { | ||
Line 29: | Line 16: | ||
padding: 0.1em 0; | padding: 0.1em 0; | ||
} | } | ||
+ | |||
+ | |||
+ | @media screen and (min-width : 600px) { | ||
+ | .header-container { | ||
+ | flex-direction: row; | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | .logo { | ||
+ | margin-left: 2.3em; | ||
+ | } | ||
+ | nav { | ||
+ | align-self: center; | ||
+ | margin: 0 0.8em 0 0; | ||
+ | } | ||
+ | } | ||
+ | |||
.logo { | .logo { | ||
margin-left: 5%; | margin-left: 5%; |
Revision as of 18:56, 11 July 2020