Blog Preview Card

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

I am proud of the following achievements in completing the project:

• Utilizing Flexbox to precisely arrange elements and add spacing, which significantly improved the layout of the page.
• Implementing an aesthetic animation triggered when hovering over card links, adding interactivity and a modern feel to the design.
• Completing the project in a short time frame, demonstrating good time management and efficient work organization.

What challenges did you encounter, and how did you overcome them? 1. Category Background

I struggled to set the background for the category name so that it covered only its content rather than the entire line.
Solution: The issue was resolved by adding an additional div element around it.

2. Font Size

I couldn't make the font size adjust automatically without using media queries.
Solution: I ended up using the @media (max-width: 376px) rule because the header broke into two lines on smaller resolutions, which looked unappealing.

What specific areas of your project would you like help with? 1. Dynamic Font Scaling Without Media Queries

Is there a way to make font size adjust automatically based on screen size without using media queries?

2. Code Quality Assessment

Are the class names, comments, and overall readability of my code at a high level? What improvements can I make?

3. Project Responsiveness

Is the project adequately responsive and visually appealing on various devices?