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 Component

EJ 100

@ejionaut

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


Another challenge is done!

There are some parts I am still confused about like where or when to use Grid vs Flex, Inline blocks, etc... Would like some help there.

Also, the spacing on the ETH and days is off, I tried using a column gap in that section.

And any other problems, please do say so! Feedback is welcome :))

Community feedback

@VCarames

Posted

Attached are some helpful videos answering your questions.

Block, Inline, and Inline-Block explained https://www.youtube.com/watch?v=x_i2gga-sYg

Flexbox or grid - How to decide? https://www.youtube.com/watch?v=3elGSZSWTbM

Marked as helpful

1

EJ 100

@ejionaut

Posted

@vcarames Tyvm! :))

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