Submitted 3 months ago

Card using CSS and HTML

Morales Ozuna• 70

@MoralesOzuna

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

The hardest part was use Figma for my first time.

I mean it looks like Illustrator and any other desing program, but I still confusing about some information as font sizes, sizes of the content etc. So I need to learn more of Figma I guess...

Community feedback

David Casanova 💫• 180

@DavidCasanova83

Posted 3 months ago

Hey there!

Great job on completing the challenge! Your solution is impressive!

📌 A few tips and suggestions:

You can add a slight upsizing effect for the hover state of your cards.
Maybe change the padding for "Learning" items, with more padding on the sides (padding-x) and less on the top and bottom (padding-y).
The yellow color for the hover state on the "HTML" title is a bit too flashy.

I hope this helps!

Keep up the fantastic work!

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord