From 2bc4eea8f816d40e9d9001cc4686cf7a03ee565f Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Sun, 15 Apr 2018 21:58:27 -0400 Subject: [PATCH] Use flexbox to allow a given page to grow to at least the full page height and use flexbox to center the subscription form instead of absolute positioning --- resources/assets/sass/app.scss | 5 +++++ resources/assets/sass/pages/_home.scss | 6 ++++++ 2 files changed, 11 insertions(+) create mode 100644 resources/assets/sass/pages/_home.scss diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss index 4897897..d39349b 100644 --- a/resources/assets/sass/app.scss +++ b/resources/assets/sass/app.scss @@ -56,6 +56,11 @@ body { } .main-content { + display: flex; flex-grow: 1; + + > div { + width: 100%; + } } } diff --git a/resources/assets/sass/pages/_home.scss b/resources/assets/sass/pages/_home.scss new file mode 100644 index 0000000..a189607 --- /dev/null +++ b/resources/assets/sass/pages/_home.scss @@ -0,0 +1,6 @@ +.home-page-component { + display: flex; + flex-grow: 1; + justify-content: center; + align-items: center; +}