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

56 votes170 views3 answers
How to make a round corner in CSS
CSS
-7 votes284 views6 answers
Css all flex properties
CSS
0 vote178 views1 answer
Css last 3 childs
CSS
0 vote175 views2 answers
Get all tables laravel
CSS
145 votes255 views10 answers
Grepper
CSS
0 vote232 views1 answer
Tailwindcss init full
CSS
57 votes305 views4 answers
Css hover rounded corners
CSS
0 vote185 views1 answer
Css calc margin-top based on height?
CSS
0 vote180 views3 answers
Center ul
CSS
57 votes184 views3 answers
How to round the corners of a div outline in css
CSS