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

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

Похожие вопросы