Skip to content
Submitted 8 months ago

NFT-Preview-Card With HTML and CSS.

pure-css
Rahana Suleiman•190
@Rahana23
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?

Completing the project.

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

it was quite difficult for me to get the css styling correct and I had to eventuality watch a YouTube video to complete the project.

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

CSS styling and responsiveness, although all suggestions on how to improve my overall code is welcomed.

Code

Please log in to post a comment

Log in

Community feedback

  • Djamel1133•910
    @Djamel1133

    Hi Rehana,

    Great job!

    To fix the footer problem, add flex-direction: column; to your body's CSS because display: flex aligns items in a row by default.

    It's good that you're using rem units for responsiveness. Consider using rem units for font-size as well for better scalability.

    Overall, I think you can improve the readability of your code by using BEM notation see

    Well done and keep up the great work.

    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