Mobile-first design using flexbox

A todo lo que te comentaron, yo cambiaria el h3 por un h2, teniendo en cuenta que no podrias usar un h3 sin tener antes un h2.

el @import a mi siempre me dijeron que es mejor el llamado por link, ya que el @import es loqueante y si llega a fallar te quedas sin la fuente que elegistes.

buen trabajo y sigue asi...

Nice Job :)

1 . Add this to card div

.container { width: 85%; max-width: 450px; } so now at small view port (mobile version) it will take 80% of width and on desktop width will be 450px

2 . Do this to fix image size

img{ max-width: 100%; height: auto; }

3 . Also you can combine border-radius by writing one line border-radius: 1rem;

keep coding :)

Great job!! Keep up by coding more websites!

Related to your first question, I would suggest:

margin: auto; width: 90% or 90vw; to your container.

So you will have a container horizontally aligned to 90% of the viewport and also responsive.

Hope that helps.