How do I make flex box work in safari?

by

Giving flex a value solved the problem for me, e.g. 

flex: 1 0 auto

More Related Contents:

  1. Flex / Grid layouts not working on button or fieldset elements
  2. Height of flex container not working properly in Safari
  3. Flexbox: center horizontally and vertically
  4. CSS-only masonry layout
  5. Make container shrink-to-fit child elements as they wrap
  6. When flexbox items wrap in column mode, container does not grow its width
  7. One flex/grid item sets the size limit for siblings
  8. Why are flex items not wrapping?
  9. Make grid container fill columns not rows
  10. Centered elements inside a flex container are growing and overflowing beyond top [duplicate]
  11. Align an element to bottom with flexbox
  12. Make background color extend into overflow area
  13. Center text over an image in flexbox
  14. Force flex item to span full row width
  15. Why can’t be flex containers?
  16. Prevent flex items from rendering side to side
  17. Flexbox and Internet Explorer 11 (display:flex in ?)
  18. ‘position: sticky’ not working when ‘height’ is defined
  19. Flexbox column-reverse in Firefox, Edge and IE
  20. Text not centered with justify-content: center
  21. Flexbox affects overflow-wrap behavior
  22. How to stretch flex child to fill height of the container?
  23. How to align flexbox columns left and right?
  24. Prevent a child element from overflowing its parent in flexbox [duplicate]
  25. Why isn’t position:sticky with left:0 working inside a scrollable container?
  26. Chrome does not expand flex parent according to children’s content [duplicate]
  27. CSS object-fit: contain; is keeping original image width in layout
  28. Flexbox on IE11: image stretched for no reason?
  29. extra space when centering elements using flexbox
  30. Height is not correct in flexbox items in Chrome [duplicate]

Leave a Comment