Профессиональная верстка сайта - Footer, заканчиваем сайт

[@indigolight6007]

многие, кто пишет типа "верстать так, как учит автор, работу не найти" не понимают, что это видео для начинающих. и автор данного курса просто рассказывает про создание тех или иных блоков разными способами для разнообразия и чтобы мы знали что такое есть

[@ПавелСалтанов-с7з]

Все получилось просто отлично, автору спасибо!

[@romanegorov4920]

Обратил внимание, что под футером образуется пустое белое пространство, в этом видео я вроде его в видео не заметил, но в следующем его видно. Либо когда открываешь сайт, который автор залил в сеть. Может кому пригодится, сам сначала не понял откуда, но в браузере в консоли разработчика обнаружил, что добавляется некий padding-bottom: 120px; в бади. Чтобы исправить в css в тег бади добавьте ручками padding-bottom: 0; и все пройдет. А так, огромное автору спасибо, сам программист, но пишу серверную часть. И никогда не сталкивался с полноценной версткой по работе. Но вдруг захотелось для себя и этому научиться. Все предельно просто, и понятно. А повторяя за вами, многое моментально запоминается. Спасибо! Продолжайте в том же духе.

[@romanegorov4920]

Автор, подскажи все-таки, откуда берется этот паддинг, судя по консоли разработчика из внешнего css файла, но мы такой не указывали.

[@SuprunAlexey]

загрузи на кодпен, гляну

[@romanegorov4920]

@@SuprunAlexey Привет еще раз, прошу прощения за столь поздний ответ. Выкладывать свой код наверно не буду, так как даже на твоем сайте (web-devblog.ru/) в самом низу, под футером у меня белая пустота. Т.е либо что-то в ксс, либо у меня браузер так странно отображает. Причем если в настройках разработчика выбрать размер под телефоны тоже с компа пустота под футером, с айфона если зайти, то всё норм.

[@romanegorov4920]

Отвечу сам на свой вопрос, проблема с браузером. Открыл в другом, всё четко. Еще раз спасибо за уроки.

[@SuprunAlexey]

Roman Egorov всегда пожалуйста

[@user-samdi]

Привет. Расскажи про стандарты верстки. Каких правил нужно придерживаться кроме БЭМ?

[@юлианаруденко-с6у]

Добрый день. Подскажите пожалуйста, как сделать абсолютно позиционированный элемент адаптивным? У меня при сужении экрана такие елементы ползут кто куда. Медиа запросами если делать то практически каждый пиксель придётся менять. Буду рада если вы подскажите)

[@haykbaghoyan6918]

Здравствуйте. Скажите пожалуйста, если страница маленькая, например sign in page, и footer получается не на самом внизу, как делать, что по-любому footer был всегда снизу?

[@КИНОФИЛЬМЫ1-й5к]

Красава жилаю удачи

[@rusty5160]

Привет! Отличные сайты у тебя получаются , но можешь пожалуйста ответить на мой вопрос.Как сделать смену языка на сайте? Если у тебя уже есть про это видео то скажи пожалуйста.Или если сможешь сними видео про это пожалуйста.

[@MrAznaurov]

шикардос огромное СПС . хотелось бы только одного , получить доступ к исходникам ! иногда туплю по мелочам а с исходником было бы легко сравнить ! еще раз спс !!!!!

[@SuprunAlexey]

Все суть в самостоятельной практике, не выкладываю исходники

[@ДавидМамиев-л4щ]

Спасибо!

[@inzoddex8312]

Дико извиняюсь, смотрю не с начала, но в глаза бросилась структура. По описанию html5 новых тегов от w3c их не надо использовать вместо div, в том плане, что section и main у тебя используются не по назначению. Закрыл бы на это глаза, но это же профессиональная вёрстка... Или нет?

[@eloquent1731]

Скорее всего потому что это для начинающих)

[@РоманРоман-г6о]

Большое спасибо за хорошие уроки! Планируется ли верстка более сложных сайтов (многостраничных)?

[@SuprunAlexey]

Да, гляньте последние видео по React js

[@ВикторКашин-е9р]

Спасибо очень крутой видос 👍Подскажите начинающему, будут ли востребованы веб-разработчики в дальнейшем ?

[@osmanof9476]

Ну конечно!

[@СтасПлов]

Лучке использовать rem, а не % и px

[@H4MENOK]

ласт стиль .footer-links { flex-wrap: wrap; margin-left: 5%; padding-right: 5%; } не отрабатывает как у тебя(если выбрать iphone x).... остаётся 2 столбца сверху, 2 снизу (между нижними пустое место под ещё один....)

[@SuprunAlexey]

А размеры блока .footer-link и отступ от лого есть как у меня?)

[@H4MENOK]

@@SuprunAlexey это и удивляет, что да) переносятся колонки только при ширине 348... я бы подумал, шрифты разных ОС, на столько....

[@АнтохаСм]

@@H4MENOK скинь код

[@H4MENOK]

@@АнтохаСм footer { background: #1f373d; color: white; padding-top: 50px; padding-bottom: 80px; } .footer-block { display: flex; justify-content: space-between; } .footer-block h3 { font-size: 40px; } .footer-search input[type=text] { width: 442px; height: 70px; color: #919eb1; padding-left: 27px; font-size: 15px; background-image: url(img/input-search.png); background-repeat: no-repeat; background-position: 94%; } hr { opacity: 0.3; margin-top: 47px; margin-bottom: 70px; } .footer-links { display: flex; justify-content: space-between; padding-right: 90px; } .footer-link { display: flex; flex-direction: column; } .footer-links-logo { font-size: 25px; margin-right: 26%; } .footer-link p { text-transform: uppercase; font-size: 13px; color: #919eb1; margin-bottom: 35px; } .footer-link a { color: white; text-decoration: none; font-size: 13px; margin-bottom: 20px; } .footer-link a:hover { opacity: 0.4; } медиа .footer-block { flex-direction: column; } .footer-logo h3{ font-size: 25px; text-align: center; } .footer-search input[type=text] { width: 80%; height: 50px; margin-top: 15px; } .footer-search { display: flex; justify-content: center; } .footer-links { flex-wrap: wrap; margin-left: 5%; padding-right: 5%; }

[@АнтохаСм]

@@H4MENOK ты точно указал? тебя в верхней части не че не смущает? скинь ссылку на страницу или сайт , так будет быстрей. в краце этого не достаточно, это же стили обычны и позиционирование, где код дивов и тд?

[@ДмитрийСмиренный]

Круто. Что за редактор используешь?

[@МаксимОрлов-х9ы]

Sublime text.

[@ДмитрийСмиренный]

Максим Орлов спасибо!

[@archi_odessa]

Это visual studio code

[@СтасПлов]

Это не БЭМ