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

HTML CSS

Ramine92 70

@Ramine92

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

@A-noob-in-Coding

Posted

Hi there,

You did a good job for this challenge, but I would like to suggest some changes

This project is a single component based so you only need the body height as the full screen height, you can achieve this by

body{
min-height: 100vh;
}

also the card is not centred propertly you can use flex property on the card container

container{
display: flex;
justify-content: center;
align-items: center;
{

I hope you find my suggestions useful

Marked as helpful

0

Ramine92 70

@Ramine92

Posted

@A-noob-in-Coding Thanks for your suggestions, indeed its helpfull !

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