Skip to content
Submitted 4 days ago

Flexbox, tailwind, Icons, Custom Fonts, Resposive Design

next, tailwind-css
LVL 1
Fab's30
@codingwithfabs
A solution to the NFT preview card component challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?
  1. Having being able to start creating the project in a mobile first perspective which I think has changed how I develop sites.
  2. Being able to get the Active states working without any prior knowledge of doing so.
  3. I don't think I would do anything differently, I think the project came out really well and as intended.
What challenges did you encounter, and how did you overcome them?
  1. Making small icons not stretch (Used Aspect Square)
  2. Importing Components (I hadn't exported the component)
  3. Creating the Active States for the image (Used Absolute posistioning and Opacity)
What specific areas of your project would you like help with?

How I can optimize the code to be way better.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Fab's’s solution.

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