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

0 vote188 views1 answer
Css borrar
CSS
7 votes246 views3 answers
Css right
CSS
10 votes180 views6 answers
How to install composer on mac
CSS
2 votes220 views1 answer
How to add a black border around text css
CSS
0 vote249 views1 answer
How to view only downloading speed in du meter
CSS
187 votes490 views6 answers
Div background image
CSS
5 votes289 views1 answer
Show scrollbar only when scrolling
CSS
0 vote168 views1 answer
Generate your tailwind.config.js file
CSS
4 votes359 views1 answer
Css add dots if text too long
CSS
0 vote164 views1 answer
How to write h2so4 using html css
CSS