Design comparison
Solution retrospective
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-itPosted 3 months ago
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@MitchellQuevedoPosted 3 months ago@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 - @KevongchannmaleePosted 3 months ago
Card is a bit too long Image not display
0@salva-itPosted 3 months ago@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 GitHubJoin 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