Great job on your solution! I'd suggest maybe trying the following to see if it helps you think about layout:
- You have a card with two sides, left and right. So maybe start your layout with
<main>
<div class="card">
<section class="container left"> </section>
<section class="container right"></section>
</div>
</main>
Then add your .results in the first section and your .summary in the second section This basically creates a wrapper around the two sections you already have: results and summary, and defines the card.
align-items: stretch
is a default value so you don't need to write that.
I hope the layout suggestions. Your solutions looks great. Congratulations on the challenge.
Marked as helpful