Design comparison
Solution retrospective
I wanted to be really clear in the HTML semantic markup. I also manage to make the card responsive without using media queries.
What challenges did you encounter, and how did you overcome them?The Font and font-weight was not working as I expected even after copying the link from Google Fonts. The card looks similar to the original but the font-weight looks different to me. I used the mobile first approach and later the card was growing too much on bigger screen sizes. After reviewing some notes I manage to give the card a maximum growth value.
What specific areas of your project would you like help with?I would like to get feedback on my HTML semantics and accessibility. If someone could advice what I did wrong in regards to font and font-weight I will greatly appreciate it. Also, please feel free to point out any other error or improvement I can make. Thank you!
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord