From 50c0646a934a61974dd739b9a9a654914be557ec Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <valentin.haudiquet@canonical.com>
Date: Fri, 1 May 2026 00:18:54 +0200
Subject: [PATCH] fix/frontend: center first back items on mobile

---
 frontend/components/build/FirstBack.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/components/build/FirstBack.vue b/frontend/components/build/FirstBack.vue
index ef51f74..591d34d 100644
--- a/frontend/components/build/FirstBack.vue
+++ b/frontend/components/build/FirstBack.vue
@@ -107,4 +107,15 @@ defineProps<{
   opacity: 0.8;
   white-space: nowrap;
 }
+
+@media only screen and (max-width: 650px) {
+  .item-row {
+    align-items: center;
+    max-width: 100%;
+    margin: 0 20px;
+  }
+  .first-back-content {
+    justify-content: center;
+  }
+}
 </style>