Could not align elements inside a grid

[ChSh (Alex)]

He there,

I have a two-column-grid inside a section. Each column has a div inside; 1st div contains image and 2nd contains text. I could apply the same alignment to the both divs simultaneously on the grid level. But when I try to use alignments on the div level, for separate div, it doesn’t work. Why?

---

Here is my site Read-Only: https://preview.webflow.com/preview/coach-shevchenko-v-1?utm_medium=preview_link&utm_source=designer&utm_content=coach-shevchenko-v-1&preview=dab898580501d7cc383b82bf99a7730b&workflow=preview

[avivtech (Aviv Shwartz)]

From what I understand and from the photo you shared it looks like the elements behave like you defined them to.
Can you try to rephrase? or show what you are trying to do?

[ChSh (Alex)]

I try, for example, to switch “Justify” of the 1st div:

But it has no effect on the image position.

[avivtech (Aviv Shwartz)]

Got it.
As it may appear this way, the DIV size is the minimum it has to take inside the grid column. So when you change the Justification, it looks like nothing changes…
Give that DIV width of 100% so there will be some room for the change to happen

[ChSh (Alex)]

Yep, MinW of Div to 100% works. Thank you!