Skip to content
Submitted about 2 years ago

Stats preview- custom shadowbox!!

Lucas Matheus•400
@Lukiticas
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

  • Lucas 👾•104,400
    @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 usei object-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
    Lucas Matheus•400
    @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 GitHub

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