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?
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).
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! 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!