Starter QR Code Project using basic HTML and CSS

Solution retrospective
Next time, I would change my approach to reviewing. Although I did review some of the topics beforehand to refresh my memory, I plan to revisit the guides on CSS and HTML before starting each project as a way to find more areas I have deficiencies in. For now, I’ve identified CSS inheritance as a topic I want to review, since there still seem to be some aspects I don’t fully understand.
What challenges did you encounter, and how did you overcome them?I struggled a bit with styling the text and getting it just right. I also had to look up how to import the font family again, as it didn’t work the first time. Fortunately, I was able to resolve it quickly by referring to the official Google Fonts documentation.
What specific areas of your project would you like help with?Overall, I think the structure works, but I'm not sure if I relied too heavily on Flexbox. I’d be interested to know if there are more efficient or cleaner layout options I could have used.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @GavinF17
Nice work!
I couple of things I noticed are that for your
card-text
:.card-text { font-weight: 400px; line-height: 22px; }
font-weight
should simply be400
, though this style is redundant as it is also set on.card
and inherited anywayline-height
seems a little larger, from the Figma I think it should be140%
- though I also didn't get mine pixel perfect so might need to double check
Marked as helpful
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