Skip to content
Submitted 4 days ago

Blog Preview Card Built with Flex

#accessibility
Aalyan Ateeb•20
@Al-Rihla
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am glad that I was able to finish this project. I would like use a CSS framework next time.

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

I was worried about the responsive shadow. But it was quiet easy when I got a hang of the box-shadow property.

Community feedback

  • P
    mci3x•20
    @mci3xPosted 3 days ago

    I'm not an expert by any means but it seems that HTML is semantically correct with accessibility in mind.

    Not sure about using <h2> on "Learning" tag though.

    It's not responsive and bit different in size, mostly because of a attribution being in your card container. Using absolute or fixed positioning might help with that.

    There are improvements to be made with font size, avatar size, responsiveness and font reduction on mobile size.

    Nice work with shadow! :D

    0

Please log in to post a comment

Log in with GitHub

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