I want to change the positioning of my plates in css in flexbox : Allow me to begin by saying I'm not set on using flexbox so if a different method has to be used, I'm open to it. I am making a JavaScript website which displays plates with questions and answers. Question length varies and so does the amount of answers - therefore the plates are not the same height. They could be but I like the look of them not being so. The black image shows what it currently looks like and the white shows what I would like it to look like. I would like to be able to fully be able to customize the location of these plates to always be a fixed distance of 5px appart. Also if one plate is very long I'd like there to be the possibility of e.g. 3 small plates to be able to go on either side without them being changed in size but simply arranged in this messy clean look.[ desired look ][1][current look ][2][code ][3][code ][4][code ][5]please note I have tried using `right` `left` `top` and `bottom` but they have no effect.


  [1]: https://i.stack.imgur.com/kioxU.png
  [2]: https://i.stack.imgur.com/IhToG.png
  [3]: https://i.stack.imgur.com/TZjSx.png
  [4]: https://i.stack.imgur.com/AGP28.png
  [5]: https://i.stack.imgur.com/aaCec.png