From 8e7c5872b043a2e22e5a7211352eaa7a6c62c3df Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Thu, 2 Oct 2025 10:51:18 +0300
Subject: [PATCH 1/2] added media query for the metrics cards

---
 src/app/landing/landing.component.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/landing/landing.component.scss b/src/app/landing/landing.component.scss
index 944ec75..4033871 100644
--- a/src/app/landing/landing.component.scss
+++ b/src/app/landing/landing.component.scss
@@ -36,6 +36,11 @@
     }
 }
 
+@media (max-width: 575px) {
+    .card-container {
+        margin-bottom: 35px;
+    }
+}
 
 // Metrics Section
 
-- 
GitLab


From c4bf9625d124f6dc278663db8ea1b8c3fe936776 Mon Sep 17 00:00:00 2001
From: tzanatos <tzanatos.michail@ac.upatras.gr>
Date: Thu, 2 Oct 2025 11:29:54 +0300
Subject: [PATCH 2/2] changed bootstrap mt class values for sm and xs screens

---
 src/app/landing/landing.component.html | 6 +++---
 src/app/landing/landing.component.scss | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/app/landing/landing.component.html b/src/app/landing/landing.component.html
index 4247534..0635d87 100644
--- a/src/app/landing/landing.component.html
+++ b/src/app/landing/landing.component.html
@@ -53,7 +53,7 @@
 		</div>
 		
 
-		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-1 mt-sm-4">
+		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-1 mt-sm-5 mt-5">
 			<div class="card metrics-card">
 				<div class="circle-icon">
 					<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="white" class="bi bi-gear-wide-connected" viewBox="0 0 16 16">
@@ -67,7 +67,7 @@
 			</div>
 		</div>
 		
-		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-5 mt-sm-4">
+		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-5 mt-sm-5 mt-5">
 			<div class="card metrics-card">
 				<div class="circle-icon">
 					<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="white" class="bi bi-server" viewBox="0 0 16 16">
@@ -83,7 +83,7 @@
 			</div>
 		</div>
 		
-		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-5 mt-sm-4">
+		<div class="card-container col-lg-3 col-md-6 mt-lg-0 mt-md-5 mt-sm-4 mt-4">
 			<div class="card metrics-card">
 				<div class="card-body p-3" style="display: flex; flex-direction: column; justify-content: center;">
 					<div class="card-text">See more on the</div>
diff --git a/src/app/landing/landing.component.scss b/src/app/landing/landing.component.scss
index 4033871..944ec75 100644
--- a/src/app/landing/landing.component.scss
+++ b/src/app/landing/landing.component.scss
@@ -36,11 +36,6 @@
     }
 }
 
-@media (max-width: 575px) {
-    .card-container {
-        margin-bottom: 35px;
-    }
-}
 
 // Metrics Section
 
-- 
GitLab