Responsive Blog Preview Card with Flexbox and Semantic HTML
Design comparison
Solution retrospective
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:
- The effectiveness of my use of Flexbox for layout.
- Suggestions for improving the responsiveness and accessibility of the component.
- 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
- @ayesoroboluPosted 6 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 helpful1
Please log in to post a comment
Log in with GitHubJoin 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