Skip to content
Submitted about 1 year ago

HTML, CSS, responsive design, Second challenge.

Ali Alomar•20
@KingSlayer3x
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Items positioning was kind off tricky.

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

Using Flex and grid system for better design.

Code

Please log in to post a comment

Log in

Community feedback

  • z-mn•150
    @z-mn

    Good job! In order to center the card, you should target the body and set min-height: 100vh, then use display: grid and place-items: center. Your solution is otherwise good excluding the minor font size and line height differences, and the missing border. Happy coding!

    Marked as helpful
  • Rinel•150
    @rineliniguezsosa

    In your main container, align the items to the center and justify the content to the center in the same way. In the figma file, the text size, the internal padding, and the dimensions of the image appear.

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