CSS, Web, Web Development, Layout.
you want to make multiple elements achieve the effect of horizontal and vertical centering, you also need to add flex-direction: column , for example: <!-- HTML --> <div class="flex__container"> <div class="avatar">:)</div> <div class="media__heading"></div> <div class="media__content"></div> <div