AJSN,
да, имеется ввиду коммерческий опыт.
Фриланс с лэндосами может подойти, но отчасти. "Парочка лэндосов" не равно "0.5 года опыта". Это скорее "смотрите, я не кот в мешке, я реально умею что-то делать". Если компании нужен будет джун готовый много и нормально верстать, может возьмут вас.
Максим Головлёв,
Для .contacts задайте свойство "display: flex", тогда элементы выстроятся в ряд (сейчас выстраиваются один под другим).
У .mail и .telegram уберите высоту, ширину и задний фон. А иконки добавьте тегами img.
Т.е. CSS запись типа ".mail a { свойства }" означает, что некоторые свойства нужно добавить дочерним элементам (а) у класса "mail".
В вашем случае достаточно было написать ".mail { свойства }".
Срочно изучайте основы CSS, а точнее селекторы. Рано вам еще делать сайты, иначе будете постоянно спотыкаться о базовые вещи. Без обид.
Мар'ян Витак,
Готового решения на Bootstrap я не знаю.
Если в двух словах, то нужно просто сделать чтобы в десктопной версии данные отображались в колонках, а в моб версии эти колонки сворачивались и выглядели как аккордион. Внешний вид в зависимости от размеров экрана меняем медиа запросами, а открытие\закрытие аккордиона делаем с помощью js, который включается при нужном разрешении экрана.
немного времени и js и все получится:)).
Алексей Каратеев,
Элемент которому вы даете transform: translate(столько-то пикселей), задай position: absolute и top: столько же пикселей . Важно! Родительскому элементу задайте position: relative;
Super_loser,
Если есть макет, посмотрите там. Если макета нет, то отступы делайте какие хотите)
"Рабочая область" моб устройств это 320 - 768 пикселей.
В jsfiddle внесите изменения и посмотрим.