feat: added a mobile layout using @media blocks

This commit is contained in:
Marlow Alfonso 2024-04-07 22:21:03 +00:00
parent 280d200ce4
commit f0257fb1c7
1 changed files with 8 additions and 1 deletions

View File

@ -24,6 +24,14 @@
url('assets/fonts/fira-sans.woff') format('woff'),
url('assets/fonts/fira-sans.ttf') format('truetype');
}
body {
grid-template-columns: 70% 30%;
}
@media screen and (max-width: 900px) {
body {
grid-template-columns: 100%;
}
}
#title {
animation: title-anim 5s linear alternate infinite;
@ -68,7 +76,6 @@ body {
padding-bottom: 2rem;
display: grid;
gap: 0.25rem;
grid-template-columns: 70% 30%;
}
a {