diff --git a/src/views/HelpPage.vue b/src/views/HelpPage.vue index 88fb5bc..dac58c5 100644 --- a/src/views/HelpPage.vue +++ b/src/views/HelpPage.vue @@ -3,6 +3,14 @@ padding: 1em; } + @media screen and (min-width : 906px) { + .help { + width: 30%; + margin-left: auto; + margin-right: auto; + } + } + button { width: 80%; margin-bottom: 5%; diff --git a/src/views/Home.vue b/src/views/Home.vue index d423bc2..3c34b85 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -5,6 +5,14 @@ justify-content: center; padding: 0.5em; } + + @media screen and (min-width : 906px) { + .home { + width: 30%; + margin-left: auto; + margin-right: auto; + } + } #welcome-image { margin-left: auto; @@ -45,7 +53,7 @@ - Informationen zu COVID-19 + Informationen zu COVID-19 vom Robert-Koch-Institut diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue index ab8cca8..f25c872 100644 --- a/src/views/Questionnaire.vue +++ b/src/views/Questionnaire.vue @@ -1,5 +1,5 @@