Kevin Powell - CommunityKP-C
Kevin Powell - Community3y ago
13 replies
CDL

grid child positioning and margins

Yo.

I'm trying to figure out if there is a way to move the position of a grid-item inside the grid block. As you can see here, the text and image is spaced out quite a bit, so I wondered if there was a way to have the text sit on the far right of it's block (end?) and the image sit on the far left (start?)

https://codepen.io/Laing91/pen/JjxrJOb

no image on the codepen, but you get the jist with the border.

2nd part to this is how would you space the grid container from the icons? I thought obviously margin-top: 100px for example, but I remember using margin to position isn't ideal, so I wondered if there was a better solution?
image.png
Was this page helpful?