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

5 votes392 views1 answer
1 line darkmode css
CSS
0 vote449 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
-1 vote352 views1 answer
Html sticky
CSS
1 vote356 views1 answer
Css thinner hr
CSS
10 votes350 views1 answer
Css when click select another class
CSS
3 votes390 views1 answer
Css how to make text not break
CSS
3 votes350 views1 answer
Mettre une image au milieu css
CSS
6 votes383 views2 answers
Css make text transparent
CSS
2 votes306 views1 answer
Xpath vs css selector
CSS
0 vote387 views1 answer
Css 4 modal
CSS