Price list

A section for listing multiple item prices.

Items can have a single price or a stated range from lowest price to highest.

Items can have different currencies if required.

<!-- COMPONENT: Price list -->
<section class="price-list medium-padding stack-section" id="price-list">
    <div class="row column">
        <div class="flex-wrapper">
            <div class="single-item">
                <h1>Item prices</h1>
                <ul class="no-bullet-list lined-list">
                    <li class="row column">
                        <span class="item-title">Item A</span><span class="item-price">£325 (GBP)</span>
                        <span class="item-detail">More detail on this item</span>
                    </li>
                    <li class="row column">
                        <span class="item-title">Item B</span> – From <span class="item-price">£10 (GBP)</span> to <span class="item-price">£55 (GBP)</span>
                        <span class="item-detail">More detail on this item</span>
                    </li>
                    <li class="row column">
                        <span class="item-title">Item C</span><span class="item-price">HK$375 (HKD)</span>
                        <span class="item-detail">More detail on this item</span>
                    </li>
                    <li class="row column">
                        <span class="item-title">Item D</span> – From <span class="item-price">HK$95 (HKD)</span> to <span class="item-price">HK$150 (HKD)</span>
                        <span class="item-detail">More detail on this item</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- End component: Price list -->