Responsive cards with Grid, pseudo-elements, BEM and accessible colors

👾Fala Julio, tudo bem? Parabéns pelo desafio!

Outra solução excelente como sempre, cara a responsividade ficou animal, eu gosto que o icone de cada card fica escalando e quando parece que ele vai sumir o layout vira mobile. Ficou muito bom mesmo. Dá pra melhorar (provavelmente vc ja sabe) mas eu substituiria a div dos cards com uma section.

Outra solução quase pixel perfect, como te falei no outro desafio, ficou quase perfeita, se vc quiser perseguir o pixel perfect nem precisaria do arquivo do Figma, da pra usar uma extensao do Google Chrome chamada pixel perfect que ela faz um overlay do seu site com um jpeg do desafio por baixo ai vc pode construir tudo por cima desse jpeg pra acertar o padding e o tamanho dos elementos. O bom de ter a conta premium é pq vc pode modificar os arquivos do Figma pra personalizar a solução e nem tem que pensar em design, tamanho de container e etc, da pra focar só em codar, isso é a melhor coisa e te digo que vale mto a pena.

Outra coisa é que vc pode usar um software tipo photoshop ou figma e usar um retangulo pra medir tudo, é uma alternativa tbm kkkkk

To vendo que vc tá começando a usar grid com mais frequência, aqui um resource mto bom pra layouts de GRID: https://gridbyexample.com/examples/

Os exemplos desse site são ótimos e vc vai aprender mto sobre layout lá.

👋 Espero ter ajudado e continue no foco!

Ola Julio, tudo bem?

Você realizou um bom trabalho neste desafio. Realmente conseguiu deixar o seu layout quase idêntico ao do exemplo, parabéns.

Gostei bastante do modo que você fez a responsividade, fiz um pouco um diferente, mas confesso que a sua está ótima. É sempre bem difícil acertar perfeitamente a box-shadow ahuahauh eles poderiam colocar no readme, considerando que não é nada tão difícil de fazer, mas sim, que pode variar bastante.

Parabéns pelo desafio bro.