
Blog Preview Card Solution using HTML and CSS
Design comparison
Solution retrospective
I'm proud of the fact that I completed this project in one day and achieved a highly accurate design match. Using Figma as a reference allowed me to translate the design into code without any problems.
What challenges did you encounter, and how did you overcome them?I had a small issue with Flexbox while trying to centre the card. Even though I used align-items: center
the card stayed stuck at the top of the page. I quickly figured out that I needed to add min-height: 100vh
to the page for the card to centre correctly. This taught me the importance of adjusting layout properties for responsive design.
I don't have any specific areas I need help with at the moment, but I'd appreciate any suggestions on how to improve my CSS and HTML techniques. I'm particularly interested in learning more effective methods of structuring styles and increasing accessibility in projects.
Community feedback
- @GuillermoBlancartePosted 4 months ago
The design is correct , you only need to practice the box expansion but you're okay , go ahead
good luck !
1
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