diff options
| author | Oxbian <got.dacs@slmail.me> | 2023-06-25 12:36:57 +0200 |
|---|---|---|
| committer | Oxbian <got.dacs@slmail.me> | 2023-06-25 12:36:57 +0200 |
| commit | 882418e4786e7789348554fbe71324b00eae7754 (patch) | |
| tree | b472add67efbdc1ecc24a0ee16228a2466c9d7c1 | |
| parent | 6cb3f5deeb744d4b71ee44557112b4bc9b09daa4 (diff) | |
| download | ArKa-Blog-882418e4786e7789348554fbe71324b00eae7754.tar.gz ArKa-Blog-882418e4786e7789348554fbe71324b00eae7754.zip | |
Responsive for mobile
| -rw-r--r-- | assets/css/style.css | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 8c4011a..6340c1b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -121,6 +121,10 @@ footer text-align: center; } +footer ul { + padding: 5px; +} + footer li { display: inline; @@ -137,4 +141,19 @@ footer li a background-color: var(--link-bg-color); color: var(--link-color); +} + +@media screen and (max-width: 600px) +{ + body { + font-size: 10px; + } +} + +@media screen and (max-width: 500px) +{ + nav ul { + flex-direction: column; + gap: 0.5rem; + } }
\ No newline at end of file |