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

Card de um blog

@Vana-dot

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

Daniel 🛸 44,230

@danielmrz-dev

Posted

Olá @Vana-dot!

Seu projeto ficou ótimo!

Tenho 2 sugestões pra você melhorá-lo ainda mais:

  • Como aquele h2 é o título principal da página, você pode substituir por h1. Isso ajuda também a melhorar a otimização SEO do seu projeto, assim como acessibilidade.

  • Notei que você utilizou margin pra mover o card pro meio da página. Existem duas bem eficientes e bastante utilizadas para centralizar elementos:

Você pode adicionar isso ao body:

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

Ou você adicionar isso ao elemento que você quer centralizar:

elemento {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Espero que ajude!

Fora esses detalhes, você fez um ótimo trabalho!

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