Skip to content
Submitted 10 months ago

Blog preview card with flexbox

Yannick•50
@bleyyannick
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

I had some issues for centering card in the middle of the screen and for find the card width.

Community feedback

  • Lovethrech•220
    @LovethrechPosted 10 months ago

    To center your card to the screen, all your CSS needs is a 'place-items:center;', 'height:100vh;', 'width:100vw; in your section.container, then you resize the '.card' width and height to something less than that of the container, for example, for the '.card', 'width:60vh; height:70vh;'

    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