Skip to content
Submitted 6 months ago

Responsive Blog Preview Card with Flexbox and Semantic HTML

Ahmed Mahmud•70
@dDevAhmed
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 most proud of improving my skills with Flexbox. It allowed me to create a flexible and responsive layout for the blog preview card. Next time, I would like to experiment with CSS Grid to see how it compares to Flexbox for this type of layout, as well as to expand my understanding of different CSS layout techniques.

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

There were no significant challenges in this project as I leveraged the experience gained from building the 'QR Code Component' project. This prior experience made it easier to handle the layout and styling aspects of the blog preview card.

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

I would appreciate help with receiving constructive feedback on the overall design and code structure of my project. Specifically, I am looking for feedback on:

  1. The effectiveness of my use of Flexbox for layout.
  2. Suggestions for improving the responsiveness and accessibility of the component.
  3. Any advanced CSS techniques that could enhance the visual appeal and performance of the component.

Being specific about these areas will help me get higher-quality input from others and continue improving my front-end development skills.

Community feedback

  • ayesorobolu•140
    @ayesoroboluPosted 5 months ago

    Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is weel structured and i had no problem understanding it. They look basically the same thing, as i could not tell the difference at all

    Marked as helpful
    1
    Ahmed Mahmud•70
    @dDevAhmedPosted 5 months ago

    Thank you @ayesorobolu for the nice comments 😊

    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