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

13 votes207 views6 answers
Bootstrap Badges
CSS Bootstrap
4 votes160 views2 answers
Css center vertically
CSS
0 vote145 views1 answer
Bootstrap 5 css how to change
CSS
1 vote152 views1 answer
Css how to dynamically put div in front of another
CSS
0 vote148 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
156 votes215 views6 answers
Center a div css
CSS
0 vote154 views1 answer
Limit number of text lines
CSS
1 vote162 views2 answers
Mobile screen size width css
CSS
5 votes163 views1 answer
How to center with translate
CSS
0 vote148 views1 answer
How to increase height of input box in css
CSS