Skip to content
Submitted 5 months ago

NFT card-Landing page (responsive) using HTML and CSS

BuieMariaLuminita•30
@BuieMariaLuminita
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

It is my second project and I'm proud because it was much easier to do it, i was more confident. It was easier to make it responsive, and also the page alignment was easier to do, but i still need to work on this. And i try to make it with "em" not "px" , i believe it's more recommended to work with it.

What challenges did you encounter, and how did you overcome them?

Was the alignment, but now because i have done one project, was easier, and faster to to align the content correctly.

What specific areas of your project would you like help with?

I believe that CSS code could be shorter. :) If there are any problems in my code, please tell me.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    BarrieDirk•680
    @barriedirk

    about px, em, or rem.

    You can use this trick

    html { font-size: 62.5%; }

    It is a CSS unit-scaling trick that makes working with rem units more intuitive for developers.

    Instead of calculating:

    2.4rem = 2.4 × 16px = 38.4px

    You can calculate:

    2.4rem = 24px

    Just in case, it doesn’t affect accessibility if used correctly, only for a developer's convenience.

    Regards,

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