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

My First Solution on Chanllenge

#bem
Web Wizard 5,690

@rsrclab

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


Please feel free to provide feedback on my code. That will lead me to more perfect way. Thank you ~

Community feedback

@John35961

Posted

Very nice, clean and accurate!

Marked as helpful

1
Heli0s 670

@zeerobit

Posted

Looks good.. only thing i'd suggest is to replace the px for rem mostly for the width, padding, margin and font-size since px is not scalable

Happy coding !!!

Marked as helpful

1

@bdarab

Posted

Thanks for your comments on my solution. I keep it in mind for future challenges. Your solution is very identical to the Frontend directions & the sample. Congratulations.

Marked as helpful

1
David Emad 925

@DavidEmad01

Posted

Very Nice Work 😍😍😍

Continue the challenges and keep going ✌✌

Marked as helpful

1

Web Wizard 5,690

@rsrclab

Posted

Thank you very much, @DavidEmad01 ~

1
Zaib Ali 90

@zaybali

Posted

Really nice work there with this solution, I would love to thank you for your feedback and suggestions, they were really helpful, I fixed most of the issues you said on my solution, just can't get hover color property working.

Marked as helpful

0

@jeremiahlateef

Posted

@iamzakofficial You can check out my code on the solution for how to set the hover color property on the image. It's a little bit complicated so I can't explain it here.

1
cacosted 610

@cacosted

Posted

Hello @tymren608 I really liked your solution and appreciate your feedback on mine's I will take your advice in consideration.

My tip for you is that you use the :root pseudo class to keep variables for your colors, in that way you can change them easily without having to change it in all places

Marked as helpful

0
Ori Guy 110

@origuy

Posted

HI,

I reviewed your code and saw the BEM the code look very clean and easy to understand keep up with the great work !

one thing I would suggest is to work with rem unit or em unit they are relative units which can help you for more advanced work

Marked as helpful

0

@Abdulrahman14Salah

Posted

Good Job Bro , Keep Going

0

@Lshiroc

Posted

How did you set up your github page website? When I try to open a github page for a repository it open gh-page tree. I can't reach main.

0

@Lshiroc

Posted

@Lshiroc whatever I found it. I just forgot to save after choose main branch:D

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