@INDavid04
@galonaranjo
Submitted
What are you most proud of, and what would you do differently next time?
Getting my workflow down. I've been really diligent about thoroughly editing files and making sure everything is buttoned before committing. Had a lot of fun playing and understanding transitions (cubic beziers, anyone?) and hover states.
What challenges did you encounter, and how did you overcome them?
Understanding placement of `
@INDavid04
Posted
Amazing! Is one to one with the original design! Only one step if you want a star: decreasing just a little the width.
@ChimiRinzin-HWR
Submitted
What challenges did you encounter, and how did you overcome them?
I had some trouble with the easy basics with the sizing and positioning of the QR code image and the box it was in but I pulled through, sort of.
@INDavid04
Posted
Hi!
I like your work! It already seems to be like in the design. However there are some small adjustments to improve the sizing and the positioning as you said:
On the first hand, to match the sizes of the given design I can say what I did previously: opened the preview/desktop/mobile given image (see which one fits the best) and try to increase/decrease the width/height and also the padding or border.
On the second hand, an useful question to google it is: How to center a div vertically? (as you can see from the given design, the card is fully centered).
Nice work! Keep it up!
Marked as helpful
@Abd-ulelah
Submitted
@INDavid04
Posted
Hi!
Nice work!
Instead of using .Desktop class you could add background-color to the body and also display: flex; align-items: center; justify-content: center; to center the card vertically and horizontally.
You could add border-radius to the image too.
Also you could center the user name using display: flex; align-items: center; on the div parent of the image and text for example.
Succes!
@hlysllrs
Submitted
@INDavid04
Posted
Hi! You could improve the border radius and also trying a max-width for the "Scan the QR code ..." paragraph. In rest, good job!
@youngimmortal-p
Submitted
What are you most proud of, and what would you do differently next time?
Am proud of completing this project. But have also taken note of many things on which i need to improve.
What challenges did you encounter, and how did you overcome them?
One challenge, i encountered was using semantic HTML elements effectively but with continuous practice and research, i got the job done.
What specific areas of your project would you like help with?
Pls i would appreciate if anyone could tell me where to improve on, so that i'll be able to work on it. Thanks in Advance.
@INDavid04
Posted
Hi! If you did't upload new design comparison, you can use flexbox to center the card and also trying to make it at the design scale. Nice work!
@ChchEl-source
Submitted
@INDavid04
Posted
Hi! It seems to have the same issue as me: different position of the card. Btw, you should add more space inside the card container at the bottom. Nice work and success in all of your projects!
Marked as helpful
