Design comparison
Solution retrospective
I am very proud of how I was able to study the Figma file to replicate the design and my ability to take the coding process one step at a time.
What challenges did you encounter, and how did you overcome them?In my initial attempt, I was not able to get the card to centralise as I kept playing around with different positions- absolute
and relative
. Then I deleted all the codes, took a deep breath and started afresh. This time, I used the display:flex
property and thoroughly studied the Figma file to develop the current solution I now have.
Community feedback
- @py-code314Posted 3 months ago
Hi,
Good job on your first project! Everything looks fine except the card is horizontally in the center but not vertically. I suggest you use
height
andalign-items
properties onbody
to place the card in the center of page.All the best!
Marked as helpful0@isioma-talabiPosted 3 months ago@py-code314 Thanks so much. I think I may have rectified it. Does it look better now?
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