From 33c92ba3248f3fdd1fe1035ca542ddfe7fb5d50c Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 3 Nov 2019 22:32:56 +0100 Subject: [PATCH] Updated styling --- src/components/ImageParagraph.vue | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/ImageParagraph.vue b/src/components/ImageParagraph.vue index a2adb46..1e2e2e4 100644 --- a/src/components/ImageParagraph.vue +++ b/src/components/ImageParagraph.vue @@ -26,6 +26,11 @@ export default { display: flex; flex-flow: row; + &.right div, + &.left div { + align-self: center; + } + &.left .text { @media (min-width: 35em) { padding-left: 1em; @@ -50,7 +55,7 @@ export default { flex: 0 1 100%; @media (min-width: 35em) { - flex: 0 1 50%; + flex: 0 1 20em; } }