Задать вопрос

Как выровнять картинки в мобильной версии сайта?

Создал одинаковые дивы с картинками, при помощи inline-block, чтобы были в одну строчку.
Как в мобильной версии их выровнять по центру?

Скрин с пк

5b7f16440561a734436023.png

Скрин с моб

5b7f162980713197758853.png

Исходник:

<div class="title"><p><strong>НАШИ КЛЮЧЕВЫЕ ПАРТНЕРЫ</strong></p>
</div>
<div class="one">
	<img src="......./wp-content/uploads/2018/08/logo1-1.png">
</div>
<div class="one">
	<img src="........./wp-content/uploads/2018/08/logo2.png">
</div>
<div class="one">
	<img src="......./wp-content/uploads/2018/08/logo3-1.png">
</div>
<div class="one">
	<img src="......../wp-content/uploads/2018/08/logo8.png">
</div>
<div class="one">
	<img src="http://....../wp-content/uploads/2018/08/logo5.png">
</div>


.one {display: inline-block; margin-left: 10px; text-align: center; }
  • Вопрос задан
  • 1025 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Поменять inline-block на block для мобилок.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@smoyke
HTML программист
Код бы посмотреть... В моб версии это слайдер? или куда делись остальные логотипы? А так вообще inline-block`и подчиняются правилам выравнивания строчных элементов, т.е. text-align: center; будет работать. Точно сказать что нужно делать в конкретном случае не видя код нельзя.
Ответ написан
Ваш ответ на вопрос

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

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