.covervaluehero { display: flex; justify-content: stretch; justify-items: stretch; flex-direction: row; justify-items: stretch; align-items: stretch; flex-wrap: no-wrap; flex-direction: row; padding-inline-start: 0px; margin-bottom: 1rem; margin-inline: auto; } .covervaluehero > div { display: flex; vertical-align: top; list-style: none; margin: 0rem; padding: 0px; flex: 1 1 10rem; padding: 1rem; aspect-ratio: 1 / 1; width: 20%; } .covervaluehero > div > p { text-transform: uppercase; text-align: center; color: #fff; margin: auto; vertical-align: middle;