Frontend Mentor | Askar's profile

@KoalaChangSubmitted 22 days ago

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!

Responsive blog preview card (HTML / CSS)

1

Askar•20

@AskArtwentythreePosted 21 days ago

Looks very nice! Good job! I noticed that borders may be a little bit bigger than needed, but it does not change anything since your work is great! Wish u luck in next challenges!

1