CSS Styling Question

Hello everyone,

I’m trying to get four sections on this product landing page to be in a 2x2 grid, but I cannot figure out how to do it in the most professional way. Please let me know if you have any recommendations. Thanks in advance!

And any other recommendations are welcome. I am still very new to this process and any feedback is much appreciated.

You could set your grid div to:

display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
align-items: center;

This should create a 2x2 display with each section using half the available space of the grid div.

That worked well. Thanks a lot for the help!