Flex wrap issue

so i have this flex element which is great on large screens, but on mobile it isn't so good even tho i have flex-wrap:wrap
here's the code:
.oAuth-logins{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
    width: fit-content;
}
.oAuth-logins div{
    min-width: fit-content;
    border:2px solid #6C6C6B;
    border-radius: 6px;
    padding: 0.6rem;
    display: flex;
    gap: 0.2rem;
}
image.png
image.png
Was this page helpful?