8 replies

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;
}

.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;
}

KP-C

Kevin Powell - Community•17mo ago•

8 replies

Ayomide

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;
}

.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;
}

Flex wrap issue

Similar Threads

Flex wrap issue

Similar Threads

Similar Threads

Similar Threads