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:
parent
9a350e45be
commit
06985ea3c0
|
@ -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 {
|
||||
|
|
Reference in New Issue