Blog preview card challenge with tailwind and CSS

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

I had the opportunity to practice improving the structure of HTML tags, ensuring that they are semantically correct and well-organized. This helped me better understand how to create more readable and maintainable code. Additionally, I explored various CSS techniques, focusing on styling and layout improvements, which allowed me to enhance the visual aspects of the project. I also continued learning and applying Tailwind CSS.

For my next steps, I’m interested in diving deeper into CSS by experimenting with variables. I want to understand how they can be used to maintain consistency across styles and simplify updates, especially in larger projects

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

One of the challenges I faced was that, for some reason, Tailwind CSS suddenly stopped working. As a result, I had to rely on writing pure CSS to move forward with the project. While this allowed me to continue making progress, it was a bit frustrating not being able to fully utilize Tailwind's utility classes. If anyone has any feedback or insights into why this might happen or how to troubleshoot such issues, I would greatly appreciate hearing your thoughts

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

I would appreciate any feedback or help regarding width and height settings, as I find it challenging to understand what sizes to use or how to make elements adaptable to the screen. My goal is to create layouts that are both adjustable to different screen sizes and fully responsive. I’m especially interested in learning best practices for using relative units like percentages, vw, vh, and Tailwind’s utility classes to achieve this balance. Additionally, I would like to better understand the use of max-width and max-height, and in which scenarios they are most effective