All solutions

Any observation?

This is my second complete challenge. Though, the image of the challenge seen to be simple but I find difficult to reduce the entire card height in desktop view.

/*Desktop & Tablet view*/
@media screen and (min-width: 768px) {
.container {
max-width: 50%;
}
.img-box, .txt-box {
width: inherit;
height: inherit;
}
.img {
width: 100%;
height: 100%;
}
body {
margin-top: 2%;
}
    
}

Any suggestion on how to improve on it are highly welcome, Thanks.

I am a beginner to programming, all feedback are welcome but I will glad if you can check through my html, css, js code structure and rate my coding skill and feedback on where adjustment can be made.