Skip to content
Submitted over 1 year ago

Blog preview card with HTML and CSS

Savvas Chrysostomidis•920
@savchrisostomidhs
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

.

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

.

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

.

Code

Please log in to post a comment

Log in

Community feedback

  • Joramir Jr.•250
    @JoramirJr

    Hi, @savchrisostomidhs!

    One easy step to center your card would be to define the 'height' and 'width' of the body to '100vh' and '100vw', respectively; after that, by defining 'display: grid' and 'place-items: center' to the body, your card would be centered!

    Hope its helpful!

  • Essencell•50
    @Essensity-dev

    a flex display justifies the center of content and aligns the center of elements and in the body 100vh

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