Responsive landing page with flex box and media queries

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Mal Thidar, congratulations for your first solution! 👋 Welcome to the Frontend Mentor Coding Community!

  Your solution is almost fully responsive by what I saw, something you need to fix is the image that gets distorted while the component scales down with the screen. See how you fix it below:

  Make all the images inside the container scaling and respecting the size of the container, you need to add max-width: 100% and add alsoobject-fit: cover to make the image auto-crop when resizing inside the column:

  img {
      display: block;
      object-fit: cover;
      max-width: 100%;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0
• 

  Thidar Nyein•410

  @thidarnyienPosted about 2 years ago

  Thank you for your help

  0