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

css, html, vscode, media query, patience, google

Cristian 130

@cristiandjr

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


my second challenge done!, the next one will be better! :D

I would appreciate a comment to improve thanks :D

Community feedback

Zuri 0

@Uezuri

Posted

Well done man, keep working!

1

Cristian 130

@cristiandjr

Posted

@Uezuri thanks brother!!! :D

I will keep working hard!

0
Ehab Nada 120

@hopamnada

Posted

Great job keep it up :D

1

Cristian 130

@cristiandjr

Posted

@hopamnada thanks brother!!! :D

0
Naveen Gumaste 10,460

@NaveenGumaste

Posted

Hello Cristian ! Congo 👏 on completing this challenge

Let's look at some of your issues, shall we:

  • you forgot to add border-radius to the img

  • Increase the border-radius of the card too

  • you to add background-shadow to the card its dark buleish colored

  • Warp your card content around the main tag Ex: 👇

<body>
<main class="container">
*all you content here*
</main>
</body>

happy Coding😀

1

Cristian 130

@cristiandjr

Posted

@Crazimonk thanks brother!!! :D

I'll keep your advice to myself! :D

I noticed the border-radius when I uploaded my code xD

Thanks!

1

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