eBooks & Trend Guides
.e-book-page a { color: inherit; } .e-book-page { width: 100%; padding: 0 30px 70px; } /* Heading / separator */ .e-book-page .section-heading { display: flex; align-items: center; width: 100%; margin: 0 0 55px; min-height: 42px; } .e-book-page .section-heading::before, .e-book-page .section-heading::after { content: ""; height: 2px; background: #e8e8e8; flex: 1 1 auto; } .e-book-page .section-heading h1 { text-transform: uppercase; } /* Ebook grid */ .e-book-page .ebooks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 50px; row-gap: 64px; align-items: start; margin-top: 80px; } .e-book-page .ebook-card { position: relative; min-width: 0; text-align: center; } /* No fixed height */ .e-book-page .ebook-image-wrap { display: flex; justify-content: center; align-items: flex-start; width: 100%; aspect-ratio: 446 / 577; overflow: hidden; } .e-book-page .ebook-image-link, .e-book-page .ebook-image { display: block; } .e-book-page .ebook-image-link { width: 100%; text-decoration: none; } .e-book-page .ebook-image { width: 100%; max-width: 446px; height: auto; margin: 0 auto; object-fit: contain; } .e-book-page .ebook-card a { text-decoration: none; } .e-book-page .ebook-title { font-size: 1.4rem !important; font-weight: 700 !important; text-transform: none !important; margin-bottom: 0.5rem !important; } /* Below 1024px: 2 columns */ @media (max-width: 1023px) { .e-book-page { padding-left: 22px; padding-right: 22px; } .e-book-page .ebooks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; row-gap: 50px; } } /* Below 749px: 1 column */ @media (max-width: 748px) { .e-book-page { padding: 0 0px 50px; } .e-book-page .section-heading { margin-bottom: 38px; } .e-book-page .section-heading::before, .e-book-page .section-heading::after { display: none; } .e-book-page .ebooks-grid { grid-template-columns: 1fr; row-gap: 48px; } }
