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

responsive Qrcode component

José Mama 150

@codesByJose

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


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

being able to arrange the divs so that it doesnt displace its content on different screens

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

first challenge was trying to make a repository to github.. was pretty difficult. Id like to think its the most exciting part of this project for me... and also after hosting it to github... the images didnt load also, so i had to go in search of everything that could possibly be going wrong with it. It was exciting to know that, all the images used were supposed to be in a folder so that git hub doesnt just access any how but by folder, so im sure to not make this error next time. I was also able to utilize my margin and padding properly without using them out of proportion

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

All feedbacks are welcomed

Community feedback

P
Marius 30

@mvStadenProjects

Posted

On your QrcodeContainer class, div's are already block level elements. Which will stack them underneath each other. You can remove the flex-direction:column on your QrcodeContainer. It doesn't do anything.

Marked as helpful

0

José Mama 150

@codesByJose

Posted

@mvStadenProjects thanks id make that update asap

0

@muhammadkevinpf

Posted

background color of body should be light gray or hsl(212, 45%, 89%) according to style guide

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