Hi Catherine, I was looking at your solution. Styles are fine but I see you have problems with the size container, I suggest leaving the width on "auto" and centering it with the flex or grid property. For example:
<div class="container"> [use flex or grid]
<div class"card-container"> [width: "auto"]
<img />
...
</div>
</div>
The width size will adapt to the defined size of your image. You can practice with the flex property in this web site: FLEXBOX FROGGY
Marked as helpful
@Katemuya
Posted
@RafaelSS427 thank you very much for checking my work and the suggestion. The game recommendation was a game changer. I learnt so much. Cheers 🥂