Skip to content

Safari Flexbox within Flexbox Center Issue

Issue Description

A flexbox element INSIDE another flexbox element with ‘height: 100%;’ is not aligned in the correct way when paired with ‘align-items: center;’ on the parent element.

Issue Location

Jamie Anderson website on the Updates page where the date box is.

Affected Browsers

  • safari

Issue Type

How to Fix the Issue

The date <p> element expanded as expected and was centred after adding ‘flex-grow: 1;’ to it. The parent element was not changed.

References

Reference Description

Reference Link

None, although I did look through Google and stack overflow a little. Google search was:

 View Page

This was also interesting:

 View Page

Back to Issues List

© 2024 Cargo – Code Issue Tracker.

Site delivered by