Skip to content
Submitted about 3 years ago

flex-box

Ahmed Osama•20
@androidbasha572
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

align items was a little bit difficult Note: This is my first challenge

Code

Please log in to post a comment

Log in

Community feedback

  • Dimitar Pavlov•310
    @DimiPavlov

    Hello Ahmed

    First of all congratulation on completing the challenge. I have noticed a couple of things.

    1. I do believe that you forgot the add the hover effect on the main picture, name, and 'Equilibrium'. Please refer to the 'active-states.jpg' in the design folder.
    2. Apply some margin for avatar and text, and <hr> and footer.
    3. Think about adding some semantic HTML elements. You can read below all the benefits.

    https://www.freecodecamp.org/news/semantic-html5-elements/

    Hope I was able to help you.

    Happy coding!!!

    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