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

@Alijebbouri

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


if u have any feedback tell me please

Community feedback

P
Joe Kotvas 140

@joekotvas

Posted

Great job!

A few things you can do to tighten up the design are to set the image to max-width: 100%;, be a little more generous with padding, and use line-height: 1.5; on the article description. Pay close attention to padding and margin overall, as that will help your design breathe better.

It's also a great idea to center vertically as well as horizontally. You can do so by wrapping all your page content in a container and setting the following on the body tag:

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
0

@Alijebbouri

Posted

@joekotvas thank u for this feedback i will work for it

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