Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Blog Preview Card with Flexbox and Semantic HTML

@dDevAhmed

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • 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 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

Posted

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

@dDevAhmed

Posted

Thank you @ayesorobolu for the nice comments 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

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