Hey 🫡
i have some suggestions for this.
Use another container to bundle your two divs together. Specially in this case i would make sense to use the semantic <main>
-element. Define your grid-settings (the two colums) here.
Add this to the body the make place your main-container in the center of the browser.
body{
width: 100%;
min-height: 100vh;
display: Grid;
place-content: center;
}
In addition you should add the fonts to the header of your html:
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap" rel="stylesheet">
now you can define the font-familiy with : font-family: 'Hanken Grotesk', sans-serif;
and the font weights (500, 700 or 800) for your elements.
Let me now if there are any other questions.
I hope you find this helpfull.🤝