Skip to content
Submitted 4 months ago

Responsive Blog Preview Card using CSS Flex

youngimmortal-p•100
@youngimmortal-p
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

My challenge was place an image and text on the same line.

What specific areas of your project would you like help with?

If there is any where i need to improve on kindly pls help me to point it out.Thanks

Community feedback

  • Phurin Nararat•50
    @phurin-gitPosted 4 months ago

    May be you should set height of the <body> container first. Set it to "100vh" and align it to center

    body {
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
;
}
    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