Submitted 3 days ago
A Responsive blog-review landing page using css flexbox
@Abdul-Mannan-Qaderi
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Mostly I am proud of centering the card using inset:0, absolute positioning and margin:auto properties.
Next time I will use semantic tag more.
What challenges did you encounter, and how did you overcome them?I had problem with centering the card, but I came up with a pretty cool trick, using absolute positioning for the card, setting margin to auto and inset property to 0(zero)
What specific areas of your project would you like help with?with defining with and height of the sections
Community feedback
- @dev-paulLPosted 3 days ago
hi, just a quick 2min review from the inspector
- this is an article preview so it would need to be clickable (and link to the full post)
- "learning" is NOT a button
- don't use "avatar avatar" as an alt text, better leave it empty alt="" in that case.
- there are better ways to center a div
- avoid giving a fixed height/width on elements (make sure to test with different zooms & font sizes)
i suggest you to (keep) follow(ing) the learning paths, happy coding :)
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