container 1

grid-template-columns: 1000px;

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Suscipit, ipsum?

aucune mise en page

Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, est.

display: flex;

justify-content: center;

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, officia?

display: flex;

justify-content: center;

align-items: center;

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt.

margin-left: 20px;

display: flex;

justify-content: center;

align-items: center;

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt.

padding-left: 110px;

display: flex;

justify-content: center;

align-items: center;

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-evenly;

align-items: center;

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-around;

align-items: center;

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-between;

align-items: center;

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-around;

align-items: center;

img {

width: 200px;

padding: 1rem;

margin: 1rem;

border: solid 5px coral;

height: auto;

}

container 2

grid-template-columns: minmax(500px, 1000px);

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Suscipit, ipsum?

aucune mise en page

Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, est.

display: flex;

justify-content: center;

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-around;

align-items: center;

img {

width: 200px;

padding: 1rem;

margin: 1rem;

border: solid 5px coral;

height: auto;

}