Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Nft preview card using flexbox and scss

#sass/scss

@abelgmz

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


The project was good to practice my flexbox skills. The overlay effect over the image was the obstacle. I made a research and I found a solution, but I would like to know if there is a better way to do this effect.

Any feedback is welcome, thanks :)

Community feedback

Divine Obetenβ€’ 2,435

@Deevyn9

Posted

Hi Abelardo, congrats on completing this project, your solution looks really good, however, you'll need to use max-width instead of width to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specified max-width.

I hope this is helpful to you.

Happy Coding!πŸŽ‰

0
Zeyad Mohamedβ€’ 320

@ZeyadMohamed1805

Posted

Awesome job as always! πŸ”πŸ”

-It looks like the header should be a little smaller like h2 maybe, but other than that, everything looks fabulous!

Keep up the great work! Hope you find this helpful 😁

0

Please log in to post a comment

Log in with GitHub
Discord logo

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