Issue with CSS Flexbox Alignment on Mobile Devices

[mark01]

I'm facing an alignment problem with CSS Flexbox on mobile devices. I have a flex container with child elements, and I'm using justify-content: space-between; to create equal spacing between items. However, on certain mobile devices, the spacing appears uneven, and items are not aligning as expected.


Here's a simplified version of my CSS code:

.flex-container {
display: flex;
justify-content: space-between;
}


.flex-item {
/* Item styling */
}




Is there a known issue with justify-content: space-between; on specific mobile browsers? What could be causing this inconsistency, and are there any workarounds or best practices I should consider to ensure consistent alignment across various mobile devices?


Any insights or suggestions would be greatly appreciated. Thank you!

[Aussiebear]

Welcome to the VBAX forum mark01. I trust you may have noticed that we are predominately a VBA orientated forum, so asking for CSS Flexbox assistance might be stretching the friendship somewhat. Someone might come along and be able to provide some assistance but.... you might be waiting for a while.