all repos — aaoth.xyz @ df5eaabe38a62168e7167781d5f862953e97af1e

aaoth.xyz website

add rules for mobile screen in stylesheet

this is a subject to change, but for now it's fine.
la-ninpre leobrekalini@gmail.com
Fri, 14 Aug 2020 19:20:13 +0300
commit

df5eaabe38a62168e7167781d5f862953e97af1e

parent

ab2853d5e8fdb049684b62c164cea271d44d7066

1 files changed, 19 insertions(+), 1 deletions(-)

jump to
M _sass/main.scss_sass/main.scss

@@ -10,10 +10,11 @@ }

body { max-width: fit-content; + min-width: 364px; margin: 20px auto 0 auto; + padding: 8px; font: 100% $body-font; } - a { color: #707070; text-decoration: none;

@@ -54,3 +55,20 @@ p {

margin: 0; } } + +@media only screen and (max-width: 700px) { + nav { + margin-bottom: 5vh; + ul { + width: 100%; + padding: 0; + padding-top: 30px; + position: relative; + top: 5vh; + } + img { + position: absolute; + top: 0; + } + } +}