Submitted 5 months ago

QR Component Webpage using Flexbox

RohanIV• 160

@RohanIV

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Proud of: looks similar to the initial image
What would you do differently: Make it more responsive

What challenges did you encounter, and how did you overcome them?

Challenges : Getting everything centered
How did you overcome them: Google and trail and error. Changing properties commenting out lines to see what worked and didn't.

What specific areas of your project would you like help with?

Any flexbox tips to improve responsiveness
Best way to write commit messages
When not to use px or what I should have used instead.

Community feedback

Shivani Kulkarni• 80

@shivani16kulkarni

Posted 5 months ago

The Solution looks good! (Colors are mentioned in style guide, Take care of that next time) Your Q: Best way to write commit messages A: Write clear, concise commit messages that describe the changes made and their purpose.

RohanIV• 160

@RohanIV

Posted 5 months ago

@shivani16kulkarni for a small project like this, I did it in one go, so how much detail should I put (describe everything?). Or should I commit every now and then. Thank you for your reply.

Shivani Kulkarni• 80

@shivani16kulkarni

Posted 5 months ago

@RohanIV For small projects, a single commit upon completion is sufficient. For larger projects, commit after completing each feature to effectively track progress and document changes.

Marked as helpful

Please log in to post a comment

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