I would love to read more about making the design by eye accurate and easy.
I will appreciate any constructive comment about typography, box-model, visual aspects and so on.
I'm not so sure if the local font, "Outfit", is or not applied to the website, even I linked it in the css.
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 `
Amazing! Is one to one with the original design! Only one step if you want a star: decreasing just a little the width.
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.
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!
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!
Hi! You could improve the border radius and also trying a max-width for the "Scan the QR code ..." paragraph. In rest, good job!
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.
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!
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!
