Four card feature section solution

What are you most proud of, and what would you do differently next time?

With this exercise I learned that the grid is a bit difficult, I couldn't do it without @media.

.grid { display: grid; grid-template-columns: repeat(3, 1fr); }

@media (max-width:1000px) {

.grid {
    grid-template-columns: 1fr;
}

}

What challenges did you encounter, and how did you overcome them?

I couldn't get the height of .card to work without setting it directly. And as for the image position, the only way I could think of was to use position

.card { padding: 2rem; height: 16rem; position: relative;

& img {
    margin-top: 2rem;
    width: 80px;
    position: absolute;
    right: 10%;
    bottom: 15%;
}

}

What specific areas of your project would you like help with?

How can I know the size of the exercise elements? Was there another way to place the image in that position?