Responsive landing page

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Gvantsa, congratulations for your solution!

  Look your design is just perfect, for mobile and desktop.

  But the desktop version doesn't work good when the screen scales down, so maybe is better you set your media query a little bit earlier.

  @media (max-width: 800px) {
    body {
      background-image: url(./images/bg-mobile.svg);
      background-size: contain;
      background-position: top;
    }
    main {
      padding: 0 30px;
      justify-content: space-around;
    }
    .content {
      flex-direction: column;
      width: 95%;
    }
  
  

  Try to apply the media query for 800px and see the difference.

  0

  ---

  

  Gvantsa•210

  @iragvantsaPosted over 2 years ago

  @correlucas Yes, I thought about it but as the challenge only required 375 and 1440, I only did it for those two. I will change it and next time will add media queries for other screen sizes too.

  1