/* ----------------------------------------- */ /* View slug: list-of-featured-businesses-by-type - start */ /* ----------------------------------------- */ .biz-types-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill); grid-gap: 10px; } .biz-types-single { display: block; border: 1px solid #ebebeb; } #biz-meta { display: flex; flex-direction:column; justify-content:center; align-items:center; padding: 15px 5px 15px; font-size: 14px; background-color: #ffffff; margin-top:0px; } @media only screen and (max-width: 480px) { .biz-types-grid { display: flex !important; flex-flow: column !important; } .biz-types-single { margin-bottom: 30px; } } @media only screen and (max-width: 980px) { .biz-types-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto-fill); grid-column-gap: 10px; grid-row-gap: 20px; } .biz-types-single { margin-bottom: 30px; } } /* ----------------------------------------- */ /* View slug: list-of-featured-businesses-by-type - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: index-list-of-businesses-by-type - start */ /* ----------------------------------------- */ #index-biz-types-grid { display: flex; flex-direction: column; } #index-biz-types-single { display: grid; grid-template-columns: 40% 15% 45%; border: 1px solid #ebebeb; font-size: 14px; padding: 5px 0px 5px; } .index-biz-field { border-right: 1px solid #ebebeb; padding-left: 10px; } .index-biz-field-last { padding-left: 10px; } #index-biz-types-single:nth-child(even) {background: #EDF2F4} #index-biz-types-single:nth-child(odd) {background: #FFF} @media only screen and (max-width: 480px) { #index-biz-types-single { display: flex; flex-direction:column; margin-bottom: 30px; } } /* ----------------------------------------- */ /* View slug: index-list-of-businesses-by-type - end */ /* ----------------------------------------- */