Всем привет, после последнего поста про вёрстку произошли следующие вещи:
Первый вечер ушел на то, чтобы найти красивый макет. Сделать это оказалось проблематично, ибо на выбор предлагались либо совсем невзрачные работы, либо я скачивал уже готовый html код. Но в итоге подходящий вариант был найден.
На следующий день я начал верстать навигационное меню. Возникли трудности. Потому, что тренироваться просто использовать готовые компоненты Bootstrap на практике оказалось сложнее, но через какое-то время я "познал дзен" и работа пошла как по маслу. Было сделано полноразмерное меню и его адаптив для мобильной версии, который включается при ширине чуть больше, чем у iPad. Так же, синий фоновый элемент постоянно вылезал за рамки экрана, из-за чего появлялась горизонтальная прокрутка. Перепробовал множество вариантов решения. В итоге, правильным оказался тот, что просто отключал эту самую прокрутку. Всё гениальное — просто, как говорится :)
Идем дальше, главная страница. Стоит упомянуть, что макет изначально был создан криво, сейчас поясню. Макет сайта выглядит намного лучше, когда весь его контент находится в одном "контейнере", за рамки которого НИ ОДИН элемент не выходит. Макет, который верстаю я составлен не по сетке контейнера, поэтому мне приходится применять свои навыки фотошопа и масштабировать его и подстравивать под сетку. Других проблем при вёрстке не возникало, да и навык уже начал возвращаться, стал делать всё чуть быстрее. Мобильной версии сайта, кстати, тоже нет от дизайнера. Всё сам, всё сам)
Дальше идет совсем простая секция. Заголовок, описание и видео. Разве что у последнего интересное расположение. Картинку из макета брать не стал, вставил видео с ютуба.
Вот, в принципе, и всё на данный момент. Ссылку сайт пока прилагать не буду, только тогда, когда закончу полностью. Осталось доверстать ещё 3 секции. А пока я с вами прощаюсь, всего доброго.