Comment faire une galerie de défilement horizontale

Question

Je suis novice dans le domaine du codage, mais j'aimerais faire une galerie de défilement horizontale. Je veux qu'il ressemble exactement à celui de cette page: http://tessaneustadt.com/interiors#/id/i12139225 sauf que je veux un espace blanc aux deux extrémités. Je veux qu'il soit réactif, tout comme cette page.

J'ai la recherche sans fin et ai eu beaucoup d'essais + erreurs. Toute aide est appréciée.

Answer 1

essayer,

.img-wrapper{ 
    width: 100vw; 
    height: 300px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    display: flex; 
    align-items: center; 
} 

.img-wrapper img{ 
    width: auto; 
    height: 250px: 
    margin: 20px 25px; 
} 

Rechercher attribut css overflow-y: scroll, qui permettra à la div à contrainte dans la hauteur et une largeur.

Answer 2

Vous pouvez essayer avec cette bibliothèque

Sly

Et pour vous pouvez Réceptivité ajouté CSS personnalisé pour les styles override, celui utilisé par la Bibliothèque.