Design comparison
Solution retrospective
Im proud that i finished, the product end up pretty similar to the one in the design, the next time ill make sure to read correctly all the specifications in order to take less time thinking on what to do.
What challenges did you encounter, and how did you overcome them?I could not center the main container at the beggining but i resolve it by seeking tutorials and recourses on the internet.
What specific areas of your project would you like help with?Doint it responsive, i dont know how to do it but im open to learn
Community feedback
- @danielmrz-devPosted about 1 month ago
Hey Ricardo! šš½āāļø
Congrats on completing the challenge! ā
Your project looks fantastic!
Here's a tip to make it even better:
Using
margin
and/orpadding
isn't always the best way to center an element. Try this method to center an element vertically and horizontally:š Apply this CSS to the body (skip position or margins to make it work correctly):
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
Hope this helps!
Keep up the great work!
Marked as helpful2
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