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

Responsive NFT Preview Card Component - plain HTML, CSS

#accessibility

@vikramvi

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


  • What did you find difficult while building the project?
  1. Ofcourse CSS part
  2. Need to do lots of trial and error, googling as well
  3. Not able to write CSS as easily / fluently like HTML
  • Which areas of your code are you unsure of ?
  1. Please review CSS & let me know if any areas of improvement or best practices or easier way to achieve similar results ?
  • Do you have any questions about best practices?
  1. After seeing design, I draw it on paper and against each of the elements draw rectangle around it. This is helping me a lot to style. As this will help with React as well.

  2. Also I've started adding loads of comments in CSS /* Write GOOD comments so that next developer ( killer psycopath who knows where you stay ) ... / / .... who is going to maintain this code; need NOT have to get back to you */

  3. Do you suggest any other good practices ? Or comments with above tips ?

Community feedback

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