Skip to content
Submitted over 3 years ago

Responsive Card Component using Flexbox and Media Queries

Matheus Oliveira•10
@araggohnxd
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 my first contact with a responsive layout so I'm not sure if the way I did it was the most optimal one. I appreciate any form of feedback, and would also love some tips on what to study to improve my code structure and markup in general. Hope you like it!

Community feedback

  • Hugo Patrício•15
    @HugoPDF5Posted over 3 years ago

    Belo projeto cara, como voce fez pra adicionar essa camada violeta na imagem?

    1
    Matheus Oliveira•10
    @araggohnxdPosted over 3 years ago

    @HugoPDF5 obrigado cara!! se você olhar no meu repositório do github (clicando em view code ali em cima) e for na seção de "What I Learned", verá o código utilizado pra esse efeito. abraço!!!

    0
  • Lovinda Agung Pradana•45
    @LovindaAgungPosted over 3 years ago

    wow, by seeing your solution i got inspired of how to do the responsive for mobile... by limiting card width... cheers...

    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