From 92cf7a78bcb68947321deeb51b32e203b7f6a6cd Mon Sep 17 00:00:00 2001 From: Michael Foiani Date: Thu, 2 Aug 2018 16:03:24 -0400 Subject: Added pictures with text laying over them in home and tutoring page for style purposes. --- src/components/shared-styles.js | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) (limited to 'src/components/shared-styles.js') diff --git a/src/components/shared-styles.js b/src/components/shared-styles.js index 02ea4bf..f75fa9c 100644 --- a/src/components/shared-styles.js +++ b/src/components/shared-styles.js @@ -38,6 +38,45 @@ export const SharedStyles = html` color: var(--app-dark-text-color); } + + .img-section { + max-width: 100%; + width: 100%; + padding: 0; + margin: 0; + + line-height: 0; + } + + .img-section > div { + max-width: 100%; + width: 100%; + margin-bottom: 0; + } + + .container > img { + width:100%; + } + + .container { + position: relative; + text-align: center; + color: white; + + margin-bottom: 0; + } + + .centered { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + + font-weight: bolder; + font-size: 200%; + line-height: normal; + } + @media (min-width: 460px) { h2 { font-size: 36px; -- cgit v1.2.3-70-g09d2