Skip to content
Submitted about 2 months ago

HTML, CSS Blog card

EggBacon•60
@Kabadon
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

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

I need help with the layout..it's not the same with Figma and how to make the CSS code cleaner

Community feedback

  • P
    Angel Díaz•50
    @angeledvPosted about 2 months ago

    Hi! Congratulations on reaching this challenge.

    I think the problem is that you added a specific height to .card (height: calc(68vh - 1px);), try removing it so that the height of .card is determined automatically.

    Also, to make your design centered on the screen, you can add the following inside the body styles:

    width: 100vw;
height: 100vh;
display: grid;
place-content: center;

    Good luck!

    Marked as helpful
    1
  • internetcode999•80
    @internetcode999Posted about 2 months ago

    i made changes and sent you a pull request on github

    Marked as helpful
    1

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