Submitted 9 months ago

A Responsive blog-review landing page using css flexbox

pure-css

Abdul Mannan Qaderi•80

@Abdul-Mannan-Qaderi

A solution to the Blog preview card challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Abdul Mannan Qaderi's solution.

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