How to make this first grid item have flex-start and the second one flex-end with grid-template-col?
is it possible to decide the grid-item placement from here while doing grid-template-columns?
display: grid;
grid-template-columns: repeat(2, 1fr);
I want to make it so first 1fr is flex-start and other 1 fr is flex-end (justify self: flex-end)
12 Replies
So you want the left side to be held left and right to be held right?
yes !
Yes, that's possible, I'll whip it up for you
justify-self: start, and second grid item justify-self:end you know
but I try to make it declared from grid-template-columns if possible
thanks !
so you have to do 2nd child declared seperately
&:nth-child(2n) {
place-self: stretch end;
}
Yes
is it not possible from doing it in here?
`
no i think
No, it has to be on the child
ok thanks !
why did you prefer place-self over align-self any reason or?
I don't know, I should have used
justify-self
, edited the pen
No problem, glad to have helped 😊ahh okay thanks