Submitted over 2 years ago

NFT Responsive Card Component

@TrenyceCodes

A solution to the NFT preview card component challenge

Solution retrospective

Hey Frontend Community. I just finished another challenge. So far Im improving on margins and understanding them better. I even learned about @font-face, a beneficial helpful CSS attribute. If you have any feedback on how I can improve my code, do let me know.

Code

Please log in to post a comment

Community feedback

Abdul Khaliq 🚀•72,380
@0xabdulkhaliq
Posted over 2 years ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have other recommendations regarding your code that I believe will be of great interest to you.
CSS 🎨:
- Looks like the <footer"> element has not been properly placed at bottom using. So let me explain, How you can place the component at bottom with using fixed positioning for footer
- Luckily you already used [Grid] layout of css to center the component, So you just want to add fixed position for <footer> element to place it in bottom of the page
```
footer {
   position: fixed;
   bottom: 1em;
}
```
- Now your component has been properly at bottom
.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!
Marked as helpful

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