css - How to change order of elements in a row from horizontal to vertical?

Question

Closed. This question needs debugging details. It is not currently accepting answers. question from:https://stackoverflow.com/questions/65937558/how-to-change-order-of-elements-in-a-row-from-horizontal-to-vertical

Answer 1

I got it working using:

.astra-shop-summary-wrap {
  display:flex;
  flex-direction:column;
  align-items:center;
}

This also works:

.qib-container {
   display:flex;
   justify-content:center;
   width:100%;
   margin-bottom: .5rem;
}

I'm not sure why display:block does not work, but adding a with to it works as it is set to inline-block.