active preview component

Hey Evan, how’s it going? I was really impressed with your project’s result, though I have some advice that could be helpful:

I noticed that your content is not centralized. To solve this problem, we can do the following:

body {
    min-height: 100vh;
    font-size: var(--fz-sm);
    background-color: hsl(var(--Grayish-Blue) / 0.4);
    margin: 4rem 0;
    padding-block: 0;
    display: grid;
    align-items: center;
    place-content: center;
    font-family: "Manrope", sans-serif;
}

Everything else looks great.

Hope this helps! 👍