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

NFT preview card component (Tailwind CSS)

#accessibility#tailwind-css
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


Hi there ๐Ÿ‘‹, Iโ€™m Melvin and this is my solution for this challenge. ๐Ÿš€

Built With:

  • TailwindCSS
  • npm - prettier

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you. ๐Ÿ˜ŠโœŒ๏ธ

Community feedback

kunal04sinhaโ€ข 30

@kunal04sinha

Posted

awesome!! Perfect

3
Hamza Masmoudiโ€ข 180

@HamzaMasmoudi

Posted

Hello I really like your work and how perfect it is to the design photo I would like to ask you when you use perfect pixel what width and height do you set the image you will follow and what do you use the scale percentage and how much do you usually set it to

0

@MelvinAguilar

Posted

@HamzaMasmoudi Hello! I usually set the scale percentage to 1 to occupy the entire screen, and I use DevTools for the dimensions. The width is typically 1440px for all images, and the height is determined by the "desktop-design.jpg" photo downloaded in the starter files.

This photo shows how I use it: screenshot

Hope this helps! Have a great day!

1
Ozioma Egoleโ€ข 70

@Ozioma45

Posted

wow!!! perfecto..Nice one

i am just a newbie i would really appreciate if you look at my solution and give your corrections

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