NFT preview card page using HTML and CSS (Sass)

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

I’m most proud of how I implemented a clean, responsive design using Sass and semantic HTML. The project’s layout and hover effects turned out exactly as I envisioned. However, next time, I would focus more on enhancing accessibility features and optimizing my workflow by using version control like Git more efficiently from the start.

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

One of the main challenges I faced was getting the image overlay effect to work smoothly with hover states. I overcame this by experimenting with different CSS techniques and refining the use of position and z-index to achieve the desired result. Additionally, I had to manage responsive design and alignment issues, which I solved by adjusting Flexbox properties and testing on various screen sizes.

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

I would like help with optimizing the hover effects and improving the overall accessibility of my project. While the design works as intended, I’m interested in learning better practices for enhancing keyboard navigation and screen reader support. Additionally, guidance on how to optimize my CSS and Sass structure for better performance and scalability would be valuable.