Skip to content
Submitted over 2 years ago

Responsive NFT Preview Card Component - plain HTML, CSS

Vikram Ingleshwar•280
@vikramvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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

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