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

1 vote260 views2 answers
Css block
CSS
0 vote297 views1 answer
Css file verlinken
CSS
2 votes277 views2 answers
Remove the glow in bootstrap input
CSS
45 votes301 views3 answers
Collapse all code vscode
CSS
0 vote268 views2 answers
Center a video horizontally
CSS
0 vote269 views1 answer
Generate your tailwind.config.js file
CSS
0 vote267 views1 answer
Tailwind css image grid
CSS
18 votes216 views2 answers
Red rgba
CSS
1 vote261 views1 answer
Css div fill whole page
CSS
3 votes261 views3 answers
Can you control another div on hover css
CSS