Horizontal scroll

.scrolling-wrapper-flexbox {  display: flex;  flex-wrap: nowrap;  overflow-x: auto;  .card {    flex: 0 0 auto;  }}

Source: codeburst.io

How to make div scrollable horizontal

overflow-x: auto(show when needed) or hidden(never) or scroll(always scroll);

Horizontal scroll menu fade edges

.navbar
    float: left
    height: 40px
    min-width: 100%
    display: flex
    flex-wrap: wrap

    .navbar-item
        padding: 13px 0px
        font-size: 12px
        line-height: 14px
        text-transform: uppercase
        display: inline-block
        float: left
        margin: 0px 10px

        &.active
            padding: 13px 0px 11px 0px
            border-bottom: 2px solid $light-blue

        &:hover
            cursor: pointer

        a 
            color: $dark-grey
            font-weight: 600
            text-decoration: none

Source: stackoverflow.com

Similar codes

0 vote180 views1 answer
Text weaving animation in css
CSS
0 vote176 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
1 vote205 views1 answer
Bootstrap word-wrap: break-word;
CSS
4 votes246 views6 answers
Aos library
CSS
0 vote207 views1 answer
Icon float right side input css
CSS
0 vote196 views1 answer
Secltor for parent li css
CSS
4 votes199 views4 answers
What is the "style", when creating an internal CSS?
CSS
0 vote324 views1 answer
Video camera icon font awesome
CSS
0 vote183 views2 answers
Use .map to count length of each element in an array
CSS
0 vote199 views2 answers
Upload directory ssh to remote rsync
CSS