/* === SHOP ROW & CARD LAYOUT === */ /* Add class "shop-row" to the section/container that wraps the 4 cards */ .shop-row{ display:flex; flex-wrap:wrap; gap: 24px; /* space between cards */ align-items: stretch; /* same vertical starting line */ justify-content: space-between; } /* Add class "shop-card" to each card container (each vendor block) */ .shop-card{ display:flex; flex-direction: column; align-items: center; /* Desktop: 4-up */ flex: 1 1 25%; max-width: 25%; min-width: 260px; /* safety floor; adjust if needed */ } /* Tablet: 2-up */ @media (max-width: 1024px){ .shop-card{ flex-basis: 50%; max-width: 50%; } } /* Phone: 1-up */ @media (max-width: 767px){ .shop-card{ flex-basis: 100%; max-width: 100%; } } /* === CONSISTENT BUTTON POSITION & CENTER === */ .shop-card .elementor-widget-button{ margin-top: auto; /* pushes button to bottom of the card */ align-self: center; /* centers under content */ } /* kill local margin overrides that were nudging buttons */ .shop-card .elementor-widget-button > .elementor-widget-container{ margin: 0 !important; } /* Optional: consistent button width (keeps text from wrapping oddly) */ .shop-card .elementor-button{ min-width: 280px; } @media (max-width: 767px){ .shop-card .elementor-button{ min-width: 220px; } }

The Glow Stack PeptideS for Skin, Recovery, and Performance

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
WElcome Friends

Don't Miss Out On My Latest Skincare Treatments, Discounts On Devices & Skin Products. Thank you, Kim