Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog Preview Card

devvic19 200

@devvic19

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@michiganprogrammer

Posted

Looks good. Some things you might want to do is.

  1. center the card. use justify-content: center; in .main-container
  2. your main-container is not the height of the screen. set height to 100vh.

.main-container{ background-color: hsl(47, 88%, 63%); height: 550px; display: flex; align-items: center; justify-content: center; /* add to center / height: 100vh; / add to increase of container to screen */ }

0

devvic19 200

@devvic19

Posted

Hello, I have done this and its now centered and perfect @michiganprogrammer

0

Please log in to post a comment

Log in with GitHub
Discord logo

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