shopifypartners

.box {
  width: XXpx;
  min-width: XXpx;
  max-width: XXpx;
}

shopifypartners

<p>Type: {{ product.type | link_to_type }}</p>

shopifypartners

.box {
  display: inline-block;
  min-width: 50%; 
  max-width: 100%;
  width: calc((480px - 100%) * 480);
}

shopifypartners

{% if product.tags.size > 0 %}
  <div class="product-single__tags">
    <p>
      Tags:
      {% for tag in product.tags %}
      {% assign tag_coll = '/collections/all/' | append: tag %}
        {{ tag | capitalize | link_to: tag_coll }}{% unless forloop.last %},{% endunless %}
      {% endfor %}
    </p>
  </div>

shopifypartners

.block {
  display: inline-block;
  min-width: 50%; /* 300px */ 
  max-width: 100%; /* 600px */ 
  width: calc((480px - 100%) * 480); /* or [calc((480px - 600px) * 480);], which equals -57,600px */
}

shopifypartners

<div class="product-form__item product-form__item--lip">
  <label for="Engraving">Engraving</label>
  <input type="text" id="engraving" name="properties[Engraving]">
</div>

shopifypartners

.block {
  display: inline-block;
  min-width: 50%; /* 150px */ 
  max-width: 100%; /* 300px */ 
  width: calc((480px - 100%) * 480); /* or [calc((480px - 300px) * 480);], which equals 86,400px */
}

shopifypartners

{% assign related_collection = product.collections.first.products | sort: 'price' %}

{% if related_collection.size > 0 %}
  <div class="grid__related-products">
    <h2>Related products</h2>
    <div class="grid grid--no-gutters grid--uniform">
      {% for product in related_collection limit: 5 %}
        <div class="grid__item small--one-half medium-up--one-fifth">
          {% include 'product-card', product: product %}
        </div>

shopifypartners

<input type="radio" id="itemA-1" />
<input type="radio" id="itemA-2" />
<input type="radio" id="itemA-3" /> 
<label for="itemA-1" />Carousel</label> 
<label for=“itemD-11" />div</label>

shopifypartners

}
#itemA-3:checked ~ 
#itemB-6:checked ~ 
#itemC-2:checked ~ 
#itemD-11:checked ~ 
#itemE-5:not:checked ~ 
#itemF-2:checked ~ 
#itemG-5:checked ~ * .div1 {
  display: block;
}