From 06985ea3c0ef280499c2c83fbb4cd245cf78d8f7 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Mon, 28 Sep 2020 12:55:33 +0100 Subject: [PATCH] Flex on the brain. Should have just used normal Flow, and set display:block on the image. Thank you to Matt@Frontend Mentor for that suggestion. --- FrontendMentor/four-card-feature-section/css/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/FrontendMentor/four-card-feature-section/css/style.css b/FrontendMentor/four-card-feature-section/css/style.css index 440120a..c424c79 100644 --- a/FrontendMentor/four-card-feature-section/css/style.css +++ b/FrontendMentor/four-card-feature-section/css/style.css @@ -84,12 +84,10 @@ body { .card { margin-top: 1.3rem; - display: flex; - flex-direction: column; background-color: white; border-top: 4px solid; border-radius: 6px; - box-shadow: 0px 10px 15px rgba(0, 0, 255, 0.15); + box-shadow: 0px 10px 15px rgba(56, 75, 108, 0.2); padding: 23px 30px 26px 30px; } .card-title { @@ -103,9 +101,11 @@ body { font-size: 13px; } .card-image { + display: block; margin-top: 1.8rem; - align-self: flex-end; + margin-left: auto; width: 22%; + } .column1 {