Как расположить несколько объектов в ряд?
Мне кажется у всех кто хоть когда-то начинал создавать свой первый сайт появлялась такая проблема. До того как я начал изучать HTML и CSS я и представить не мог, сто это так просто. Для меня создание сайтов было каким-то темным лесом, но сейчас я понимаю, что это просто конструктор, который тебе надо собрать. Единственная проблема это придумать тематику сайта и поработать над его дизайном, т.к. не многие могут создавать сайты приятные для глаз.
Когда создаешь сайты в HTML все объекты располагаются строго по порядку, сверху вниз. Чтобы исправить данную проблему нужно поместить в контейнер <div></div> те объекты, которые вы хотите расположить в ряд. После присваиваем ему уникальное имя: class='cont'.
После переходим в CSS, и пишем код для этого контейнера, чтобы все компоненты в этом контейнере стояли в ряд: display: flex;
Вот что получилось.
Так же можно ставить в ряд не только одни картинки, но и видео, аудио, блоки с текстом и так далее.
Как расположить контейнер на другой контейнер?
Так же существует проблема, когда необходимо поставить картинку поверх другой, чтобы у посетителя создавалось приятное впечатление о сайте. Сделать это можно с помощью кода в CSS: "position: relative;" и "position: absolute;". Первый код нужен для изображения, который вы хотите расположить снизу, а второй - сверху.
Вот что получилось.