@ackDeckard
Posted
Almost there Dolly-Pee 👏
Two suggestions:
a) Use grid or flex to align items at the center of the screen. For example with grid you'll need to add this to your <main>
display: grid; justify-items: center; align-items: center;
b) Move your divs to their own <section>.
<main style="display: grid;justify-items: center;align-items: center;">
<section>
<div class="card container"> .... </div>
<div class="attribution"> .... </div>
</section>
</main>
With these suggestions you'll have everything in the center.
Marked as helpful