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 {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue