Desktop design

Mobile design

Order summary component

<p class="description">
                    You can now listen to millions of songs, audiobooks, and
                    podcasts on any device anywhere you like!
                </p>

<div class="music">
                    <img src="./images/icon-music.svg" alt="music">
                    <h4>Annual Plan</h4>
                    <p>$59.99/year</p>
                    <a href="#">Change </a>
                </div>

<div class="attribution">
            Challenge by
            <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="#">Jalga</a>.
        </div>

Please log in to post a comment

Community feedback

Order summary component using CSS Grid, Flexbox

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community