{{ 'product-description-style18.css' | asset_url | stylesheet_tag }}

<div class='product-description-style18'>
  <xo-grid style='--xo-grid-col-gap: 60px;'>
    <div style='--xs:12; --md:6' class='product-description__img-wrap'>
      <img
        src='//cdn.shopify.com/s/files/1/0272/2270/4201/files/description1.jpg?v=1586945109'
        alt=''
        width='800'
        height='800'
      >
    </div>
    <div style='--xs:12; --md:6; display: flex; flex-direction: column; justify-content: center'>
      <h3>
        Adjustable Hook &amp; <br>
        Loop fastener
      </h3>
      <p>
        Fusce fermentum odio nec arcu. Praesent vestibulum dapibus nibh. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Aenean leo ligula, porttitor
        eu, consequat vitae, eleifend ac, enim. Phasellus dolor.
        <br>
        <br>
      </p>
      <a href='#'>Buy now</a>
    </div>
    <div style='--xs:12'>
      <img
        src='//cdn.shopify.com/s/files/1/0272/2270/4201/files/descriptionbig.jpg?v=1586945109'
        alt=''
        width='800'
        height='800'
      >
    </div>
    <div style='--xs:12; --md:6; display: flex; flex-direction: column; justify-content: center'>
      <h3>
        Adjustable Hook &amp; <br>
        Loop fastener
      </h3>
      <p>
        Fusce fermentum odio nec arcu. Praesent vestibulum dapibus nibh. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Aenean leo ligula, porttitor
        eu, consequat vitae, eleifend ac, enim. Phasellus dolor.
        <br>
        <br>
      </p>
      <a href='#'>Buy now</a>
    </div>
    <div style='--xs:12; --md:6' class='product-description__img-wrap'>
      <img
        src='//cdn.shopify.com/s/files/1/0272/2270/4201/files/description2.jpg?v=1586945109'
        alt=''
        width='800'
        height='800'
      >
    </div>
  </xo-grid>
</div>
