How can I make an image full width in the info tabs section on Shopify plus?

Store Design
, , ,
8

For this we need to add another @media rule to the code above so that it looks like this:

@media (min-width:768px) {
  .info-tabs {
    margin-left: calc(50% - 50vw);
  }
  
  .info-tabs_panels {
    width: 50vw;
  }
}

@media (max-width:767px) {
 .info-tabs_panels {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}