tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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.
This commit is contained in:
Robert McGovern 2020-09-28 12:55:33 +01:00
parent 9a350e45be
commit 06985ea3c0
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
FrontendMentor/four-card-feature-section/css/style.css
View File

@ -84,12 +84,10 @@ body {
.card { .card {
margin-top: 1.3rem; margin-top: 1.3rem;
display: flex;
flex-direction: column;
background-color: white; background-color: white;
border-top: 4px solid; border-top: 4px solid;
border-radius: 6px; 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; padding: 23px 30px 26px 30px;
} }
.card-title { .card-title {
@ -103,9 +101,11 @@ body {
font-size: 13px; font-size: 13px;
} }
.card-image { .card-image {
display: block;
margin-top: 1.8rem; margin-top: 1.8rem;
align-self: flex-end; margin-left: auto;
width: 22%; width: 22%;
} }
.column1 { .column1 {