@JimTK16
Posted
Nice first one Maria.
A couple things to consider are:
- Put your .card in the <main> tag so your code look more semantic.
- Avoid setting fixed width for your container, instead of width:300px, you can set max-width: 300px.
- Setting the height of the container in this case is not necessary i think, you can toggle this property in the devtool and see the changes it makes.
- There no changes in layout between mobile and desktop version, and the content can fit in just 1 column, so I think flexbox might be an easier option than grid. Hope it helps!
Jim
Marked as helpful
@mariaigle98
Posted
Hi @JimTK16 thank you so much for your feedback! I'll take it all into account and improve my code.