Responsive blog preview card (HTML / CSS)

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

• Figma tools

Compared to the previous project, "QR Code Component," this time I incorporated the Figma file into my entire workflow. It’s much more efficient to apply margins and padding directly.

• Cursor syle

It’s my first time customizing the cursor style on hover, and it’s exciting to see how many styles there are to choose from!

.content-main:hover {
    color: #F4D04E;
    cursor: pointer;
}

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

At first, I was puzzled by the card’s positioning—it just wouldn’t align both vertically and horizontally. After some searching and trial-and-error, I realized it was because I hadn’t set position: absolute on the card.

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

Although I completed this project, I still find my code a bit lengthy and challenging to maintain. I’d be thrilled if anyone has suggestions on how to improve it!