@correlucas
Posted
πΎHello Mal Thidar, congratulations for your first solution! π Welcome to the Frontend Mentor Coding Community!
Your solution is almost fully responsive by what I saw, something you need to fix is the image that gets distorted while the component scales down with the screen. See how you fix it below:
Make all the images inside the container scaling and respecting the size of the container, you need to add max-width: 100%
and add alsoobject-fit: cover
to make the image auto-crop when resizing inside the column:
img {
display: block;
object-fit: cover;
max-width: 100%;
}
βοΈ I hope this helps you and happy coding!
Marked as helpful