Ad

Need Some Help HTML/CSS

- 1 answer

When i add the following code in my product-liquid (shopify), the whole page is destroyed, changes font and the add to cart button changes shape...

the code is here:

<div id="shopify-section-product-icon-gallery" class="shopify-section product-icon-gallery">
<div class="container">
  <div class="icon-box">
    <div class="item " style="width: 33.333333333333336%">
      <img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image3.png?v=1576699921">
      <label>Satisfait ou Remboursé </label>
    </div>    
    <div class="item " style="width: 33.333333333333336%">
      <img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image1.png?v=1576699921">
      <label>Meilleur prix</label>
    </div>    
    <div class="item " style="width: 33.333333333333336%">
      <img src="https://cdn.shopify.com/s/files/1/0259/5884/2477/files/image2.png?v=1576699921">
      <label>Paiement 100% sécurisé</label>
      
      <div id="shopify-section-product-icon-gallery" class="shopify-section product-icon-gallery">

<link target="_blank" rel="nofollow noreferrer" target="_blank" rel="nofollow noreferrer" href="//cdn.shopify.com/s/files/1/0262/4493/9862/t/2/assets/colors.scss.css?1306" rel="stylesheet"  type="text/css" />

<link target="_blank" rel="nofollow noreferrer" target="_blank" rel="nofollow noreferrer" href="//cdn.shopify.com/s/files/1/0262/4493/9862/t/2/assets/custom.scss.css?1306" rel="stylesheet"  type="text/css"  />
      
      
    </div>
    
  </div>

Demo

( click on run to see it :) )

Ad

Answer

You're missing a few </div> HTML tags. Think of HTML as a stack - for each tag you put on, you need the equivalent closing tag (in this case, you have more <div> tags than </div> tags). There are a few cases where the closing tags are required (in your current code, your <img> and <link> tags don't need a closing tag).

Ad
source: stackoverflow.com
Ad