Card 1

body {

display: grid;

grid-gap: 1rem;

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

}

Card 2

Každý odstave je vlastním prvkem a bude se tak řadit

Card 3

Výška boxů se řídí dle nejvíce zaplněného bou

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt id praesentium tenetur explicabo aut recusandae ducimus rem, at beatae! Voluptate ipsam accusantium cupiditate ut consectetur voluptas non unde eaque facere.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sunt, expedita ex fuga quidem sed, animi officiis saepe consectetur aut nesciunt aspernatur? Minima saepe rem nobis culpa maxime dicta ducimus.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum animi consequatur, in tempora quae adipisci, assumenda pariatur saepe suscipit natus explicabo aspernatur exercitationem ipsum, possimus minima commodi repellendus fuga praesentium.