diff --git a/src/styles/components/ImageSection.scss b/src/styles/components/ImageSection.scss index cd2a200..9e4e7dc 100644 --- a/src/styles/components/ImageSection.scss +++ b/src/styles/components/ImageSection.scss @@ -4,7 +4,7 @@ max-width: 100vw; max-height: 550px; - height: 550px; + //height: 550px; width: 550px; position: relative; @@ -16,14 +16,6 @@ padding: 1rem; - .cutout { - //background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/cutout.png"); - background-size: contain; - background-repeat: no-repeat; - //height: 3rem; - margin: auto; - } - .content { display: flex; flex-direction: column; @@ -34,7 +26,7 @@ background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); - padding: 0.5rem; + padding: 0.5rem 0.5rem 0; border-radius: 0.5rem; display: flex; @@ -52,5 +44,4 @@ font-size: 0.8rem; } } - } diff --git a/src/styles/pages/features.scss b/src/styles/pages/features.scss index 28d7c09..1c760f1 100644 --- a/src/styles/pages/features.scss +++ b/src/styles/pages/features.scss @@ -15,8 +15,15 @@ align-items: center; } + .gridlayout { + padding: 1rem; + } + .gridlayout div { - margin: 1rem; + margin-bottom: 1rem; + display: flex; + flex-direction: column; + align-items: center; } } @@ -28,6 +35,7 @@ div { grid-column: span 1; + margin: 1rem; } } }