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

View File

@ -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 {