Skip to content
Submitted over 3 years ago

Vanilla CSS, Flexbox, Media Query, Graceful Degradation

John Rey Faciolan•220
@juani2
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. My card elements were very jarry as the viewport width as moves from wide to narrow. How can I reduce this behavior?

  2. My implementation of the cards on tablet screens were very wide, what other layouts can you suggest?

Thank you in advance!

Community feedback

  • Kowacka Malgorzata•50
    @kowackagPosted over 3 years ago

    Hello. I am also learning. I had the same problem as you (as for 1.) I resolved it by giving the constant height of card. As for tablet screen I ordered card in row (the same as the desktop version). Good Luck !

    0
    John Rey Faciolan•220
    @juani2Posted over 3 years ago

    @kowackag , wow, the idea of a height on my card elements never came to my mind, I'll gonna try again.

    Thanks!

    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