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.

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-evenly;

align-items: center;

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-around;

align-items: center;

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

display: flex;

justify-content: space-between;

align-items: center;

Lorem ipsum dolor sit amet.

photo_boulanger

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.

photo_boulanger

display: flex;

justify-content: space-around;

align-items: center;

   img {

   width: 200px;

   padding: 1rem;

   margin: 1rem;

   border: solid 5px coral;

   height: auto;

   }