Submitted 3 months ago

Blog preview card using Flexbox, CSS Custom Properties, Media query

Peter• 60

@peter-hasznos

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 are you most proud of, and what would you do differently next time?

I think I made a very similar copy of this challenge version.

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

I think I usually overthink which semantic elements use.

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

Did I make good html elements choices ? I gladly receive a feedback about that. Thank you!

Community feedback

jcoms2003• 100

@jcoms2003

Posted 3 months ago

@peter-hasznos

Your solution looks great! One thing I would say is try to work with the pseudo classes like :hover to make your UX more engaging. You could make a box shadow on hover to create a button effect or make the font color change. Overall though, your design is very close to the original. Keep up the good work!

Happy coding ;)

Marked as helpful

Peter• 60

@peter-hasznos

Posted 3 months ago

@jcoms2003 Hey, thanks! Yes, I will definitely try that. I am working hard to get better and better!

Happy coding to you, too ;)

jcoms2003• 100

@jcoms2003

Posted 3 months ago

@peter-hasznos

Absolutely! Practice make perfect, I myself am still figuring everything out. There is so much to learn! Good luck!

mantis• 240

@morauszkia

Posted 3 months ago

Hi Péter! (Szia!) Yes, I think your html tag choices are all right. Maybe you could have used header instead of the first section of the article for tag, date and title, but I think section is fine, too. And overall, the article is a good choice, or if you would have multiple cards, you could also choose to have a ul with multiple li elements for each card.

Marked as helpful

Peter• 60

@peter-hasznos

Posted 3 months ago

@morauszkia Szia, köszi a tippeket, szívesen fogadok minden ilyet, hisz ahány ember annyi gondolat menet, és mindegyikből csak tanulunk!

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