Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML5, CSS3, flexbox properties

#accessibility

@Rishabh-2001

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-amon

Posted

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-2001

Posted

@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-amon

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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