NFT Preview Card Using CSS Variables and Flexbox

What are you most proud of, and what would you do differently next time?

I'm pleased with my systematic approach to structuring my content and organizing my CSS for a flatter CSS structure to develop a clean, responsive, and interactive card component and avoid overly nested selectors. Next time, I would try using a CSS preprocessor.

What challenges did you encounter, and how did you overcome them?

I questioned if the flat CSS structure I was striving for was truly sufficient, or if there were areas where my classes could be further refined. My focus on 'is this DRY enough?' and 'is this the clearest/most readable it can be?' presented a challenge I enjoyed. I focused on clarity, simplicity, and maintainability as I wrote and revised my HTML and CSS. I also questioned how accessible my code was and look forward to learning more about how I can improve accessibility.

What specific areas of your project would you like help with?

– Are there areas where I could make my code more DRY without sacrificing clarity?

– Does my CSS structure seem flat enough, and how could I make my code more maintainable?

– I incorporated semantic HTML, alt text on images, and focus states for links. What other improvements should I consider to enhance accessibility and user experience?