Something

2026-03-18 00:46:35 +01:00
parent 1466490ed9
commit 5fd4b4a5e3
19 changed files with 87 additions and 15 deletions
--- a/frontend/app/app.vue
+++ b/frontend/app/app.vue
@@ -26,12 +26,24 @@ onMounted(() => {

 <style lang="scss" scoped>
 .container {
-  margin-top: 320px;
-  margin-bottom: 200px;
+  align-items: stretch;   /* make items grow horizontally to fill container */
+  margin-top: 350px;
+  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
-  max-width: 1100px;
+}
+
+@media screen and (min-width: 1200px){
+  .container {
+    width: 1100px;
+  }
+}
+
+@media screen and (max-width: 1200px){
+  .container {
+    max-width: 1100px;
+  }
 }
 </style>