VS Code, Responsive, Flexbox, No Figma

Community feedback

• 

  P

  Krishna Vishwakarma•1,390

  @KrishnaVishwakarma1595Posted about 1 year ago

  Hello, @mreed4

  Nice solution and congratulations on completing the challenge. I've some points for you -

  • You don't need to provide margin: auto to your .container class. Instead, you can provide this below CSS to your body so the container will be centred vertically & horizontally.

  justify-content: center;
  align-items: center;
  

  @media screen and (max-width: 375px){
  .pricing-and-why-us {
      flex-direction: column;
  }
  }
  

  • Instead of max-width: 375px, you should give max-width: 700px, cause between 375 to 700px the design is not responsive and getting overflowed from the screen. Also, you can make the .container class width:100%.

  I hope these points will help you.

  Happy Coding

  Marked as helpful

  1