Design comparison
Solution retrospective
This was a pretty straightforward challenge, i loved it!
One thing that was a struggle for me was getting the images to be responsive, i handled this setting a max width and height to the parent and a min height to the children, is there a better alternative?
Thanks! See ya!
Community feedback
- @correlucasPosted about 2 years ago
Fala Lucas, beleza?
Cara nesse desafio pra deixar a imagem responsiva tudo que usei foi
max-width: 100%
+display: block
e pra fazer ela croppar dentro da coluna eu useiobject-fit: cover
sem mtos problemas.Vou deixar minha solução caso vc queira consultar:
https://www.frontendmentor.io/solutions/stats-preview-card-vanilla-css-custom-design-text-animation-RfGBFlMpwK
Depois me fala se deu certo😁
1@LukiticasPosted about 2 years ago@correlucas Obrigado Lusquinhas, eu vou tentar essa versão tbm! Adorei oque você fez com a animação nas letras, ficou mt bom, talvez eu até faça minha próprio versão haha 😊. Obrigado!
0
Please log in to post a comment
Log in with GitHubJoin 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