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

Some Box Model with Flexbox

@MitchellQuevedo

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?

I´m proud that I feel more confident using flexbox and positioning. It took me a while to start with git and github, but managed to understand it, so I´m sure next time I´ll be faster and better with that.

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

I had some problems with responsivity. Still working on that.

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

Responsivity.

Community feedback

Salva 250

@salva-it

Posted

Congratulations Like you, I had a challenge to work with git. I had some suggestions for you to improve First, upload the qr code image to the image file in git so that the image can be displayed It is better to use Semantic Code instead of repeatedly using div tag A more appropriate css rest is suggested to remove the default values Your project has a horizontal scroll in the browser. Modify the width:100wv code If you want to place the design in the middle of the page, it is better to use the following code

display: flex; align-items: center; justify-content: center;

For the size of the card, max-width should be used, width and height should be removed good luck

1

@MitchellQuevedo

Posted

@salva-it Thank you so much Salva! Using "max-width" instead of only "width" and "height" was really helpful. I still need to improve some things, I´ll keep practicing. Thanks again!

0

@Kevongchannmalee

Posted

Card is a bit too long Image not display

0

Salva 250

@salva-it

Posted

@Kevongchannmalee The size of the designed card is long, but the reason for not displaying the image is forgetting to upload the image QR code in the git

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