From 17788fa301b47b019a3c7a0b08bc257865efb939 Mon Sep 17 00:00:00 2001 From: Bastian Dehn Date: Sat, 13 Aug 2022 17:23:40 +0200 Subject: [PATCH] change: margin on top app component --- src/app/app.component.css | 8 +++++++- src/app/food/food.component.css | 1 - 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/app/app.component.css b/src/app/app.component.css index c02b93b..ba3c7a1 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,6 +1,6 @@ .foodcardeditor { max-width: 60em; - margin: 0 auto; + margin: 0 0.5em; } .flex { @@ -34,3 +34,9 @@ h1 { } } + +@media only screen and (min-width: 61em) { + .foodcardeditor { + margin: 0 auto; + } +} diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css index 2a0a6a3..c770560 100644 --- a/src/app/food/food.component.css +++ b/src/app/food/food.component.css @@ -9,7 +9,6 @@ .foodmenu { text-align: center; - margin: 0.5em; } .food { -- 2.39.5