From bd8c1d25a88d9f24cc7fd5bb2a9fe78bb12f4cae Mon Sep 17 00:00:00 2001 From: Priyatham Sai Chand Date: Sat, 17 Apr 2021 22:25:54 +0530 Subject: [PATCH] card placement --- public/index.html | 2 +- src/components/HomePage.js | 20 ++++++++++++-------- src/components/Options.js | 14 +++++++++----- src/index.css | 1 + 4 files changed, 23 insertions(+), 14 deletions(-) diff --git a/public/index.html b/public/index.html index 3d9ec53..e2a1890 100644 --- a/public/index.html +++ b/public/index.html @@ -3,7 +3,7 @@ - + props.height ? props.height : 26}; color: ${ props => props.color ? props.color: "white"}; - + } @@ -32,12 +32,16 @@ const defaultOptions = { rendererSettings: { preserveAspectRatio: "xMidYMid slice" } - }; + }; -const ColoredSection = styled.section` +const ColoredSection = styled.section` background-color:#66bfbf; color: #fff; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; `; @@ -73,13 +77,13 @@ const BigHeading = styled.h1` font-family: "Ubuntu"; color: white; font-weight: bold; - + `; const FeatureTitle = styled.h3` font-size: 1.5rem; color:#8f8f8f; align-self: center; - + `; const TestimonalTitle = styled.h2` font-size: 3rem; @@ -106,7 +110,7 @@ export default function HomePage() { Adapt to a new place easy peasy. - +   @@ -116,7 +120,7 @@ export default function HomePage() { - + @@ -228,7 +232,7 @@ export default function HomePage() { - + diff --git a/src/components/Options.js b/src/components/Options.js index 9b600d5..47521f1 100644 --- a/src/components/Options.js +++ b/src/components/Options.js @@ -5,13 +5,14 @@ import Footer from "./Footer"; import styled from 'styled-components'; const CardList = styled.div` - display:flex; - justify-content: space-between; - align-items: center; + display:flex; + justify-content: space-around; + align-items: stretch; position: relative; - margin: 45px 15px; + margin: auto; + flex-direction: row; + flex-wrap: wrap; - flex-direction: row; @@ -91,6 +92,9 @@ export default function Options() { + + +