Consulting

Results 1 to 2 of 2

Thread: Issue with CSS Flexbox Alignment on Mobile Devices

  1. #1
    VBAX Newbie
    Joined
    Aug 2023
    Posts
    3
    Location

    Issue with CSS Flexbox Alignment on Mobile Devices

    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:

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


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


    [/CSS]

    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!

  2. #2
    Moderator VBAX Wizard Aussiebear's Avatar
    Joined
    Dec 2005
    Location
    Queensland
    Posts
    5,232
    Location
    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.
    Remember To Do the Following....
    Use [Code].... [/Code] tags when posting code to the thread.
    Mark your thread as Solved if satisfied by using the Thread Tools options.
    If posting the same issue to another forum please show the link

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •