2

There is a good chance someone has asked this question already, but I can't seem to figure out the right keywords to find the answer. I want my first element in a flexbox to be centered and the rest to align below it. Here's a picture of what I am trying to do.

enter image description here

<div style="justify-content:center; flex-direction: column;" >
    <div></div>
    <div></div>
</div>

is not what I am trying to achieve

Chsir17
  • 629
  • 1
  • 7
  • 18

1 Answers1

0

For the center one div, use:

justify-self: center;

And for the bottom ones, use:

justify-self: flex-end;

Then you can position it with margins correctly

Dev-Siri
  • 592
  • 5
  • 22