ETR Component Library

icon-text 

<div class="icon-text w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-8 mt-8 md:mt-12">
    <img class="mx-auto" src="https://via.placeholder.com/64" alt="icon">
    <div class="description text-gray-darkest text-sm md:text-base text-center leading-normal mt-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu egestas eros, et consequat neque.</div>
</div>
 
<div class="icon-text w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 px-8 mt-8 md:mt-12">
  <img class="mx-auto" src="{{img.src}}" alt="{{img.alt}}">
  <div class="description text-gray-darkest text-sm md:text-base text-center leading-normal mt-6">{{description}}</div>
</div>
 
{
  "img": {
    "src": "https://via.placeholder.com/64",
    "alt": "icon"
  },
  "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu egestas eros, et consequat neque."
}

There are no notes for this item.