@xonar

Как правильно размещать текст или изображения по центру блока?

И снова здравствуйте)

Столкнулся с проблемой, оказалось как и многие (судя по гуглу) с тем, что не могут понять как правильно выравнивать текст или изображение по центру блока.

В моём примере есть блочок с навигацией и символом "<" и блок с изображением банка. Я долго мучался и гуглил, находил варианты, что можно по типу таблиц выравнивать и таких свойств:

display: table-cell;
height: 100px;
text-align: center;
vertical-align: middle;


Но, я психанул и сделал везде такие выравнивания на flexbox c помощью:

display: flex;
justify-content: center;
align-items: center;


Правильно ли так поступать? Читал, опять же в гугле, что флексы не стоит использовать где мало элементов, это как раз мой случай, но вариантов чтоб сделать кратко и просто я не вижу (скорее не знаю). Так правильно ли так поступать?

Ещё вопрос очень важный для меня, кому показывать свои работы? Вот сверстал я макет, сверстал второй, а правильно ли я сверстал спросить не у кого. Может есть сайты, где можно например за 200-300 рублей показывать свой сверстанный макет, а мне укажут на все мои ошибки, скажут как лучше и т.д.

Спасибо.

Мой пример о котором я писал.

5d1e25f485c85840629578.png

Пример - https://codepen.io/ruslan-lysenko/pen/gNjXxb
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 2
@Mysianio
Все верно
В 2019 году грех не пользоваться flexbox или grid, все актуальные браузеры поддерживают их, по этому можете смело пользоваться.
Ответ написан
@brizman
Как вариант что бы поместить элемент по центру можно использовать position absolute.
.wrap{
   position: relative;
}

.content{
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   margin: 0;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 авг. 2019, в 19:05
2000 руб./за проект
18 авг. 2019, в 19:00
1500 руб./за проект
18 авг. 2019, в 17:57
2000 руб./за проект