From b31bf1663f72ff6800e93f9c1d5a29688deffe71 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Sun, 1 Jan 2023 20:27:34 +0100 Subject: [PATCH] Mobile optimized the Home page --- admin/src/pages/Home/styles.sass | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/admin/src/pages/Home/styles.sass b/admin/src/pages/Home/styles.sass index e700e89..447b53f 100644 --- a/admin/src/pages/Home/styles.sass +++ b/admin/src/pages/Home/styles.sass @@ -2,6 +2,7 @@ .home-wrapper margin: 3rem 6rem 2rem + transition: all 0.5s ease-in-out .link-area margin-left: 5rem @@ -10,7 +11,24 @@ display: flex flex-direction: column gap: 1rem + transition: all 0.5s ease-in-out .text-center color: $gray - text-align: center \ No newline at end of file + text-align: center + +@media screen and (max-width: 1024px) + .home-wrapper + margin: 2rem 3rem 1rem + .link-area + margin: 2rem 3rem 1rem + +@media screen and (max-width: 768px) + .home-wrapper + margin: 1rem 2rem 0 + .link-area + margin: 1rem 2rem 0 + +@media screen and (max-width: 425px) + .home-wrapper + margin: 1rem \ No newline at end of file