@BT453567
Posted
Hello
Good Effort
Here's a couple of suggestions that may improve your solution:
- To centre your solution in the page:
body { display: grid; place-items: center; min-height: 100vh; }
- At the moment, when you reduce the window size of your solution, you'll notice that the content does not stay within the container div.
Try using Flexbox rather than grid to display the main content:
#container { background-color: var(--white); border-radius: 20px; padding: 10px; display: flex; flex-direction: row; }
.left-col { padding: 0 40px; max-width: 30rem; }
.right-col {
}
Regards