3 Column preview card - responsive, flexbox

Congratulations well done. I took a look at you CSS and I think I found the problem. After playing with your CSS I found out that the max-height in the main was messing up everything. Try these changes and see for yourself

main {
display: flex;
flex-direction: row;
margin: auto;
max-width: 58rem;
/*     max-height: 27rem; */ ## you can remove this line
}



    
@media (max-width: 1024px) {
## remove these
/*     body {  
height: 90.8rem;
} */

main {
flex-direction: column;
/* justify-content: space-between; */ ## remove this
/* align-items: center; */ ## remove this
max-width: 20rem;
min-height: 58rem; ## change this line
padding: 50px 0; ## add this
}