From 59e89aee7250b96f6d226c992b426bf8062bbc71 Mon Sep 17 00:00:00 2001 From: Desy Ayurianti Date: Tue, 8 Oct 2024 13:59:56 +0700 Subject: [PATCH] fix(dashboard): fix responsive UI card section1 in dashboard --- .../src/app/pages/dashboard/dashboard.component.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/agrilink_vocpro/src/app/pages/dashboard/dashboard.component.scss b/agrilink_vocpro/src/app/pages/dashboard/dashboard.component.scss index 88b06aa..daddac4 100644 --- a/agrilink_vocpro/src/app/pages/dashboard/dashboard.component.scss +++ b/agrilink_vocpro/src/app/pages/dashboard/dashboard.component.scss @@ -23,7 +23,7 @@ .card-container { display: flex; flex-wrap: wrap; - gap: 20px; + gap: 30px; margin-top: 20px; justify-content: flex-start; } @@ -64,12 +64,20 @@ .card-parameter{ flex: 1 1 45%; } + + .card-container{ + justify-content: center; + } } @media (max-width: 576px) { .card-parameter{ flex: 1 1 100%; } + + .card-container{ + justify-content: center; + } } button {