Skip to content
Submitted over 3 years ago

HTML with SCSS

Ariana Bibiano•10
@ariana124
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Does anyone have any easy to understand resources, tips, or tricks when it comes to making the content of the page more responsive? I'd like to make it mobile friendly.

Community feedback

  • Anjor Rao•115
    @anjorraoPosted over 3 years ago

    Hey @ariana, to make to cards responsive try this css -> @media only screen and (max-width: 767px) { .container { flex-wrap: wrap; } }

    0
  • Alex•50
    @aburns009Posted over 3 years ago

    Kevin Powell's youtube videos are what helped me: https://www.youtube.com/watch?v=bn-DQCifeQQ

    When something breaks or looks wrong as you resize your browser window, that's when you want to use a media query to adjust things.

    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