Blog preview card

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

Adding a hover effect using media queries for hover-enabled users. Using variables and mixins in SASS to unify styles and make theming easier.

For some elements, CSS Grid could be used instead of Flexbox for better structure and layout control. Expanding the use of mixins for other commonly used styles to further improve the code.

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

One of the challenges was ensuring that the images would display correctly on mobile devices. This was solved by using object-fit: cover and setting the height and width of the images correctly.

Understanding and implementing hover effects for devices that don't support hover was a challenge. The solution involved using media queries to detect the presence of hover events and apply styles accordingly.

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

Code optimization