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 vote158 views1 answer
No scrollbar tailwind
CSS
47 votes149 views6 answers
Css center text in div
CSS
0 vote137 views1 answer
Elemento SPAN
CSS
3 votes127 views1 answer
Watch scss to css
CSS
1 vote139 views1 answer
Change order columns bootstrap
CSS
37 votes137 views4 answers
Select even child css
CSS
106 votes127 views5 answers
Position css
CSS
0 vote133 views1 answer
How to background in modal css html and closee th modal with background
CSS
9 votes162 views2 answers
How can set background fit full
CSS
5 votes129 views2 answers
Css make input unselectable
CSS