Horizontal scroll only css mobile

.images {
    display: flex;
    align-items:center;
    background-color: #eee;
    padding: 1rem;
    overflow-x: scroll;
}

.images > div {
    flex: none;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.images img {
    max-width:100%;
    width: 100%;
}

@media (min-width: 960px) {

  .images {
     overflow-x: visible;
  }

  .images > div {
    flex-basis: 0;
    flex-grow: 1;
   }
}

Source: stackoverflow.com

Similar codes

1 vote135 views1 answer
How to use rgba in css
CSS
17 votes185 views1 answer
Yarn start not working on windows because scripts disabled
CSS
17 votes153 views2 answers
Center div vertically with flexbox
CSS
1 vote156 views1 answer
How to prevent text overflow
CSS
0 vote168 views1 answer
Ion-split-pane width
CSS
0 vote159 views2 answers
Difference bw box and border box
CSS
0 vote146 views2 answers
Codeigniter return last inserted id
CSS
0 vote151 views1 answer
Background single line property css
CSS
0 vote135 views1 answer
How to combine two screen sizes in media queries css
CSS
48 votes149 views3 answers
Font-size
CSS