Skip to content
Submitted about 2 years ago

NFT-bootstrap solution

Michael Johnson•950
@mikej321
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Second project using Bootstrap. I've done a full video course on bootstrap and trying to learn how to use it on my own but I still feel like I'm doing it wrong. One big issue I have is when to actually use a bootstrap container and when to use flex. Also, I dealt with weird issues where some things wouldn't center as they should (I suspect it is due to a conflicting bootstrap property). Anyone willing to look at my code and give me some pointers? Many thanks in advance!

Michael

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Mohammed Fakih•1,590
    @javascriptor1

    Hi Michael Johnson ,

    Excellent work. 1 thing needs to be changed for better result : For active state , try to change opacity for cyan color to something around ~40-50% so when you hover over the picture , the Ethereum image appears below.

    Marked as helpful
  • Ryan Martin•240
    @rmartin93

    Can you give an example of a situation where you were trying to center something and couldn't?

    As for container vs flex, they aren't really related. Containers are for controlling max-widths essentially, and rows are where the flex comes in.

    As for row vs flex, I personally will use flex if I don't want to deal with the column gutters stuff, but most of the time rows and columns work great.

    Hope that makes sense!

    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