@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
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Mysianio
вайти в айти
Все верно
В 2019 году грех не пользоваться flexbox или grid, все актуальные браузеры поддерживают их, по этому можете смело пользоваться.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы