Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Beginner QR code component using CSS

@jessicarosier

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first time trying to use flex boxes, so I had alot of trouble. I think this is a good start?

Community feedback

@kanishkasubash

Posted

Hi, Jessica👋. Congratulations on successfully completing the challenge! 🎉

Your solution looks great, and you've done a fantastic job overall! However, here are some small tips that might interest you:

Using advanced layout features like Flexbox and Grid can provide more efficient and flexible ways to create complex layouts and manage spacing between elements. Flexbox is generally the best modern layout method to use for flexible responsive structures. Grid would be used for content where you want better control of their layout using columns and rows. This article explains it quite well Link as well as this video by Kevin Powell which demonstrates in practice when you would use which Link (NB. You can also combine them in an application, it all depends on the use-case)

I hope you find this helpful! 😄 Keep up the great work! 👍

🖥️Happy coding!

Marked as helpful

1

@jessicarosier

Posted

@kanishkasubash

I appreciate the feedback and resources! Thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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