HTML and CSS(flexboxes)

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  HI @fizasahar12

  You can add the below media query fix some of the alignment issues on mobile. You just need look at the spacing, font-sizes

  @media (max-width: 640px) {
  .sub_container {
      margin: 2rem auto;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 1rem;
  }
  
  .smallcontainer1 img {
      max-height: 300px;
      object-fit: cover;
  }
  
  .sub_container > div {
      width: 100%;
  }
  
  smallcontainer1 {
      height: 300px;
  }
  }
  

  Congrats on completing the challenge on to the next one 👉

  Marked as helpful

  0