CSS Grid

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et laboriosam harum molestiae qui ipsam ipsa maxime commodi odit, molestias sapiente exercitationem magni esse, impedit rerum vero veniam fugit cupiditate eaque atque. Enim quasi soluta adipisci sequi dolor, fugiat quidem. Officia, inventore! Facilis dicta architecto esse quae tempore placeat. A possimus nam eligendi quod ipsa nobis voluptate nulla odit placeat consequatur quibusdam eius consequuntur incidunt sint sunt reiciendis amet tenetur excepturi ex totam, minus quis repellat beatae? Eaque exercitationem sed laudantium?

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi alias vitae nihil nobis voluptatum quo suscipit asperiores, aperiam sapiente. Vel mollitia provident quos impedit est consequatur, magni eaque quidem iste!

  display: grid;

            /*grid-template-columns: repeat(3, 1fr 2fr);*/

            grid-template-columns: repeat(3, 1fr);

            gap: 1em;

            grid-auto-rows: minmax(100px, auto);

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam quia dolor tenetur eius voluptatibus eaque blanditiis in molestias architecto suscipit. Beatae id architecto ullam magnam at quas veniam laborum exercitationem, facere explicabo laboriosam repudiandae consectetur repellendus iste dolore inventore nemo.

nested

lorem

Lorem ipsum dolor sit.

1st Example

2nd Example

3rd Example

pour la 3ieme section