Alathra:Navigation: Difference between revisions
m CSS test |
m CSS test |
||
Line 18: | Line 18: | ||
@media screen and (max-width: 800px) { | @media screen and (max-width: 800px) { | ||
#nav { | #nav { | ||
height: | height: 500px; | ||
align-items: center; | align-items: center; | ||
} | } | ||
Line 24: | Line 24: | ||
gap: 20px; | gap: 20px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | |||
} | |||
@media screen and (max-width: 660px) { | |||
#nav { | |||
height: 700px; | |||
} | |||
@media screen and (max-width: 570px) { | |||
#nav { | |||
height: 800px; | |||
} | |||
@media screen and (max-width: 455px) { | |||
#nav { | |||
height: 1000px; | |||
} | |||
} | |||
@media screen and (max-width: 395px) { | |||
#nav { | |||
height: 1200px; | |||
} | } | ||
} | } |