Submitted 4 months ago

flex & auto margin-y for author

Mik2nd• 350

@mik2nd

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

i finish it

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

i cant center text author before, then i using flex for the container author and again margin-y: auto ,to fix it

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

i try using 10% margin in my image container but still cant make it centered

Community feedback

juan-mentor• 120

@juan-mentor

Posted 9 days ago

Hola Mik2do, tu código se ve estupendo, pero si me lo permites tengo una sugerencia para que centres el contenedor, con el siguiente código.

body {
     display: flex;
    flex-direction: column;
   justify-content: center;
   align-items: center;
}

Recuerda que añadir alturas de forma estática, tiene el inconveniente de desbordamiento del contenido. un saludo y sigue así.

Please log in to post a comment

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