Product Landing Page centering grid items

Product Landing Page centering grid items
0

#1

Hey, need help lining up items within a grid and also the content inside the individual cells. I’m trying to line up the three coloured cells in my project to be a straight column down the middle with the content following suit. I’ve tried a few different things with grid but for some reason it doesn’t seem to effect it at all. Sorry if I didn’t explain it well but any help at all would be appreciated! *Edit the project https://codepen.io/MarcelPenn/pen/jvwvjJ


#2

It is always advisable to provide a link to your project, that we can tinker with your code and offer you help.


#3

Oof. It’s already been a long morning. Edited with link to codepen.


#4

You are missing the “s” in grid-template-columns on the .container.

I’m not sure i understand the layout you are asking for. It sounds like you want to just stack the divs inside the container, but your CSS seems to imply something else, i.e. why have three columns if you only want one. As for aligning the content, that is the text, you should use the parent divs for that, again not sure if you want the text centered or what?


#5

Hey, thanks. I had it set at one column at first but was messing with it and forget to change it back. My brain was fried this morning decided to take a little break lol. I’ll mess around with it later and figure it out!