Modern Layouts CSS

/* 1 */ .parent { display: grid; place-items: center;} /* 2 */ .parent { display: flex; } .child { flex: 0 1 150px; /*or flex: 1 1 150px;*/ } /* 3 */ .parent { display: grid; grid-template-columns: minmax(150px, 25%) 1fr; } /* 4 */ .parent { display: grid; grid-template-rows: auto [...]