Submitted 6 months ago

QR Component with FlexBox and css Stylings

Mohamed Irfanullah M• 20

@MdIrfan-ul

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?

I Finished this project i somehow stuck at placing the image at center and i googled and find out the approach

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

the responsiveness for mobile and placing the image at the center which takes me 2 hrs to fix it

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

About the Styling I made and the responsiveness please review my code and tell the area I should work on improving that and also give me an approach for that.

Community feedback

Stephen Johnston• 60

@stephenkjohnston

Posted 6 months ago

Hi @MdIrfan-ul, Nice work on this challenge. The structure of your code looks good! I like that you added an alt tag for the QR code. It's also great that you used CSS variables.

I have a couple of suggestions for you on a couple things that may improve it:

Consider using the code that google fonts gives you to import your styles in the head.
Consider important your CSS from a file.

Mohamed Irfanullah M• 20

@MdIrfan-ul

Posted 6 months ago

@stephenkjohnston Thanks for your valuable feedback i'll work on that

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