Skip to content
Submitted almost 3 years ago

HTML5, CSS3, flexbox properties

Rishabh Kumar•30
@Rishabh-2001
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello sir/ma'am, This is my first project which I have med all alone. I had to take help at one place to put the eye icon while we hover on equilibrium image. Feel free to share me your thoughts and where I should work better. Thank you.

Community feedback

  • Amon•2,560
    @A-amonPosted almost 3 years ago

    Hello! Good job on this challenge~ 😀

    Here are few suggestions:

    • To make the background color fills the entire height, set the height of .inner-container to 100vh.
    • The eye icon should have been provided in the challenge's folder. Anyway, to change the icon's color to white, you can use the SVG code directly and set fill:white; You can refer to this. Note: You can get the SVG code by opening the SVG file inside your text editor (E.g. VsCode).
    • I can't find your h1 element. 😂 You can read this to find out more about headings.
    Marked as helpful
    0
    Rishabh Kumar•30
    @Rishabh-2001Posted almost 3 years ago

    @A-amon I will take care of these things in future. Thanks for really seeing my messy code and suggesting the important changes. I have read the attached links, You are a good help. hehe Thanks.

    0
    Amon•2,560
    @A-amonPosted almost 3 years ago

    @Rishabh-2001 Am glad to know they are helpful to you! 😀

    0

Please log in to post a comment

Log in with GitHub

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