HTML + CSS Grid layout system page

👾Oi Bernardo, tudo bem? Parabéns pelo desafio!

Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:

Seu html está funcionando, mas você pode melhorá-lo usando tags semânticas e substituir as divs, por exemplo, a div principal que recebe todo o conteúdo pode ser envolvido com <main> ou section, já os cards você pode substituir o <div> que envolve cada cardcom <article> desta forma você irá envolver cada bloco de elemento com a melhor tag. Lembre-se <div>` é apenas um elemento de bloco sem nenhum significado.

Aqui um guia com todas tags semanticas: https://www.w3schools.com/TAgs/default.asp

👋 Espero ter ajudado e continue no foco!

Hi @BernardoHollmann,

Congrats on completing the challenge

I was able to use 100% for the button and it worked. You can add the media query below to stack the sections on mobile.

@media (max-width: 576px) {
main > div {
    padding: 2rem !important;
}

main {
    display: block;
}
}

Hope this is helpful, let me know if you have any other questions.