Submitted over 1 year ago

only HTML5 and C33

@Lukasmonteiro24

A solution to the Blog preview card challenge

Solution retrospective

Only HTML5 and CSS3 I suffered a little in the responsive one and in certain resolutions the screen grows, it's the first time I've worked doing everything, without any guide, be critical and sincere, thank you...

Code

Please log in to post a comment

Community feedback

P
Daniel 🛸•44,810
@danielmrz-dev
Posted over 1 year ago
Fala @Lukasmonteiro24!

Seu projeto ficou ótimo!

Notei que você utilizou margin pra centralizar o card. Usar margens não é a melhor opção pra centralizar elementos.

📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):
- Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):
```
body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
```
Espero que ajude!

Fora isso, você fez um excelente trabalho!
Marked as helpful

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