Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
The thing that I was proud of when doing the challenge was when I was able to complete the challenge according to FrontendMentor quite easily compared to before
What challenges did you encounter, and how did you overcome them?The only challenge I faced was how to create a hover so that when the cursor appears, the img-nft automatically displays a cyan background color and a view icon. To solve this problem, ask chatGPT
What specific areas of your project would you like help with?I want to ask why, my img-nft-equilibrium doesn't automatically go to the middle of my card
Community feedback
- @horoserpPosted 2 months ago
Great job!
To center your card:
- Remove the width property on the <body> element. (This will center your card horizontally)
- Remove the margin property on <div class="container"> element.
- Add 'height:100vh' to <div class="container"> element. (These two changes will center your card vertically)
Keep it up!
0
Please log in to post a comment
Log in with GitHub
Join 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