CSS .g-6, .gx-6 { --bs-gutter-x: 4.5rem; } .g-6, .gy-6 { --bs-gutter-y: 4.5rem; } @media (min-width: 576px) { .g-sm-6, .gx-sm-6 { --bs-gutter-x: 4.5rem; } .g-sm-6, .gy-sm-6 { --bs-gutter-y: 4.5rem; } } @media (min-width: 768px) { .g-md-6, .gx-md-6 { --bs-gutter-x: 4.5rem; } .g-md-6, .gy-md-6 { --bs-gutter-y: 4.5rem; } } @media (min-width: 992px) { .g-lg-6, .gx-lg-6 { --bs-gutter-x: 4.5rem; } .g-lg-6, .gy-lg-6 { --bs-gutter-y: 4.5rem; } } @media (min-width: 1200px) { .g-xl-6, .gx-xl-6 { --bs-gutter-x: 4.5rem; } .g-xl-6, .gy-xl-6 { --bs-gutter-y: 4.5rem; } } @media (min-width: 1400px) { .g-xxl-6, .gx-xxl-6 { --bs-gutter-x: 4.5rem; } .g-xxl-6, .gy-xxl-6 { --bs-gutter-y: 4.5rem; } } .py-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .fs-7 { font-size: 0.875rem !important; } .w-100px { width: 100px !important; } .w-150px { width: 150px !important; } .w-200px { width: 200px !important; } .h-100px { height: 100px !important; } .h-150px { height: 150px !important; } .h-200px { height: 200px !important; } @media (min-width: 576px) { .py-sm-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } } @media (min-width: 768px) { .py-md-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } } @media (min-width: 992px) { .py-lg-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } } @media (min-width: 1200px) { .py-xl-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } } @media (min-width: 1400px) { .py-xxl-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } } .hcf-author-1 .hcf-author-img, .hcf-author-1 .hcf-author-meta { transition: transform 350ms cubic-bezier(0.16, 0.32, 0.21, 0.93); } .hcf-author-1:hover .hcf-author-img { transform: translateX(48px); } .hcf-author-1:hover .hcf-author-meta { transform: translateX(-8px); } Copy
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter