Skip to content
OverviewSolutions
8
Comments
1
Jordy
@jordy-bugaboo

All comments

  • Jordy•130
    @jordy-bugabooPosted about 2 years ago

    Hi for the alignment of the old price, I would suggest using flexbox:

    You would need to create a parent element that will act as the flex container. I'm using a utility class u-flex.

    A good reading would be: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    HTML:

    <div class="c-price u-flex"> <div class="price-promo"> $149.99 </div> <div class="price-original"> $169.99 </div> </div>

    CSS .u-flex { display: flex; align-items: center; }

    Marked as helpful
    0