<avb-main>  <avb-designer-block data-id="38" class="avb-typography dsg-block-38"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-38__grid-column"> <div class="avb-wrapper dsg-block-38__content"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-block-38__heading"> Shop By Brands </h1> <avb-brands data-carousel-wait data-link-helix-sleep="https://www.bigsandysuperstore.com/helix-overview" data-link-aireloom="https://www.bigsandysuperstore.com/custom/aireloom-overview" > <template> <article data-for="brand" class="dsg-block-38__brand"> <avb-link data-for="brand-link" class="dsg-block-38__brand-link"> <img data-for="brand-logo" src="logo.png" alt="Logo" class="dsg-block-38__brand-logo"> </avb-link> </article> </template> </avb-brands> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-38__paragraph"> Brands displayed are auto-generated by the product&nbsp;catalog. </p> </div> </div> </div> </avb-designer-block> </avb-main> <style> /****************** BLOCK 38 BRAND ******************/ .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-38__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-38__heading { text-align: center; font-size: 2rem; line-height: 2rem; font-weight: 400; padding: 1rem; margin: 0 .25rem 1rem; font-family: 'Montserrat'; } .dsg-block-38__brand { display: inline-block; width: 43%; margin: 0.5rem; padding: 2rem 1rem; background-color: rgba(241,241,241,0); border: 1px solid #eee; transition: ease 0.7s; } .dsg-block-38__brand:hover { background-color: rgba(241,241,241,0.7); } .dsg-block-38__content { text-align: center; } .dsg-block-38__brand-logo { display: block; margin-left: auto; margin-right: auto; } .dsg-block-38__paragraph { color: #ddd; font-size: .8rem; margin-top: 2rem; } @media screen and (min-width: 600px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-38__brand { width: 43%; margin: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-38__brand { width: 10rem; margin: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-38 { margin-top: 2rem; margin-bottom: 2rem; } .dsg-block-38__brand { width: 13rem; margin: 0.5rem; } } @media screen and (min-width: 1600px) { .dsg-block-38__brand { width: 12rem; } } </style>