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 vote323 views1 answer
Css cell spacing
CSS
0 vote346 views1 answer
Square with 2 colors css
CSS
0 vote336 views1 answer
How to transition text color css
CSS
1 vote329 views1 answer
Css 2 <p> next to each other
CSS
1 vote337 views1 answer
Div nebeneinander
CSS
5 votes327 views4 answers
What is inset in css
CSS
0 vote339 views1 answer
Css change browser color
CSS
4 votes319 views1 answer
Grid repeating auto columns
CSS
0 vote369 views1 answer
Como fazer uma linha vertical no html
CSS
13 votes351 views6 answers
Line css
CSS