Gift Hub

About

@media (min-width: 0px) and (max-width: 765px) { .gifthub-guideline { overflow-y: hidden; overflow-x: auto; display: flex; width: 100%; } .gifthub-box { height: auto; width: 100%; margin-right: 10px; border: 1px solid #000; padding: 10px; } .gifthub-text { width: 200px; } } @media (min-width: 765px) and (max-width: 1280px) { .gifthub-guideline { display: inline-flex; margin: auto 10px; text-align: left; font-size: 13px; margin-bottom: 60px; } .gifthub-box { width: 24%; padding: 10px; } .tab-text-1 { margin: auto; width: 45%; } .tab-text-2 { margin: auto; width: 45%; } .tab-text-3 { width: 90%; margin: auto; } } @media (min-width: 1280px) { .gifthub-guideline { display: inline-flex; margin: auto 120px; text-align: left; font-size: 13px; margin-bottom: 60px; } .gifthub-box { width: 24%; padding: 10px; } .tab-text-1 { margin: auto; width: 45%; } .tab-text-2 { margin: auto; width: 45%; } .tab-text-3 { width: 90%; margin: auto; } } document.addEventListener("DOMContentLoaded", function (event) { function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; var targetHeight = 424; var targetCollapse = true; var collapsed = false; var collapseHeaderText = function () { $('.header-desc').css('max-height', targetHeight).css('overflow', 'hidden'); if (collapsed) return; $('.header-desc').addClass('collapsed').removeClass('expanded'); collapsed = true; } var expandHeaderText = function () { $('.header-desc').css('max-height', 'none').css('overflow', 'visible'); if (!collapsed) return; $('.header-desc').addClass('expanded').removeClass('collapsed'); collapsed = false; } var resizeHandler = function () { /* // no mobile if ($(window).width() targetHeight) { if (targetCollapse) { collapseHeaderText(); }