Skip to content
Submitted almost 3 years ago

Intro Component HTML CSS

Alejandro•220
@Alejandro1709
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello i have a question... why my media queries wont work?? thanks

Community feedback

  • James•510
    @AuddityPosted almost 3 years ago

    The media query works, when I shrink it to 375px the elements get stacked.

    One thing I noticed is that in your css you have flex-direction set to row for the main. This isn't necessary as the default direction for flex is row

    Also I noticed, under the media-query you have flex-direction set to column on both the main and the container. It only needs to be on one of these. Another thing you could do is put the class container on the main element, eliminating the need for an extra div.

    Hope this helps a bit, good luck.

    Marked as helpful
    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