CSS: flexbox для выравнивания по центру
используем flexbox для выравнивания элемента по центру в CSS
Flexbox дал, пожалуй, наипростейшую возможностью центрирования элементов на странице.
Достаточно создать обертку .wrapper:
<div class="wrapper">
...
</div>
Cоздать для нее CSS-свойста display: flex и justify-content: center:
.wrapper {
display: flex;
justify-content: center;
}
и наслаждаться результатом.
Спасибо за внимание.
