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 with Bootstrap and Sass

Jessica Arvizuβ€’ 180

@jessicaArvizu

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Panjiβ€’ 2,110

@pperdana

Posted

Hello there πŸ‘‹. Congratulations on successfully completing the challenge!

  • I have feedback on your code that could take it to the next level. πŸš€

πŸ”Ž My suggestions for best practices for your code

  • Use classes and IDs: Use classes and IDs to define styles that can be applied to multiple elements. This way, you can avoid repeating styles for each element and instead define the style once and apply it to all relevant elements.

  • Use inheritance: Use inheritance to avoid repeating styles for child elements that inherit styles from their parent elements. This can help reduce the amount of CSS code needed to style a page.

  • Use variables: Use variables to store values that are used multiple times in your CSS code, such as colors or font sizes. This way, you can change the value in one place and have it applied throughout your CSS code.

  • Use preprocessors: CSS preprocessors like Sass or Less allow you to write more efficient CSS code

I hope you find it useful! πŸ˜„

Happy codingπŸ€–

Marked as helpful

1

Jessica Arvizuβ€’ 180

@jessicaArvizu

Posted

@Panji200 thank you so much for your suggestions :) I will definitely put these into practice next time.

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