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

Tst Max 60

@Tasin269

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

Adriano 36,730

@AdrianoEscarabote

Posted

Hey Tst Max, how’s it going? I was really impressed with your project’s result, though I have some advice that could be helpful:

I noticed that your page has a scrollbar to remove it, we can do the following:

.container {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 40px 0; */
}

Everything else looks great.

Hope this helps! 👍

Marked as helpful

1

Tst Max 60

@Tasin269

Posted

@AdrianoEscarabote Thank you very much for your advice

1

@Rodrigo-Policarpo

Posted

Great work @Tasin269! I noticed that you wrote the CSS code inside the HTML file. It could be more organizated if you divided the codes into two files: one for HTML and one for CSS.

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