mrnobody

А что за gulp-плагины? Там у них должны быть опции, нужно посмотреть в документации к плагинам.

А у вас меню уже есть или вам нужно с нуля сделать?

body { display: flex; align-items: center; justify-content: center; min-height: 100vh; } https://jsfiddle.net/mrnobody/h71moydr/4/

Добавьте класс `col-sm-offset-4` блоку-колонке `col-sm-4`: https://jsfiddle.net/mrnobody/h71moydr/2/

li { border-right: 1px solid #fff; } li:last-child { margin-right: none; /* убираем у последненго элемента правый бордер */ } https://webref.ru/css/last-child

https://learn.javascript.ru/event-delegation

Да, только <g>. А что вам нужно сделать?

Никто уже не использует лет 10, а то и больше: атрибут background; атрибут align; тег font;

Наверное из-за того, что "class" зарезервировано, то нужно название, отличное от "class" для переменной, хранящей классы, например classes или classString https://codepen.io/corvus-007/pen/PVazrr

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

У вас при клике на ссылку происходит действие по умолчанию - переход по ссылке, поэтому это действие нужно отменить таким образом: $('.nav-toggle').click(function(evt) { evt.preventDefault(); $('.nav-toggle').toggleClass('active') $('.nav').toggleClass('active') }); Действия браузера по умолчанию

Вы решили проблему? А то вроде все норм.

у .base `padding: auto;` - не существует значения auto для паддингов min-device-width и max-device-width лучше не использовать table, thead, tbody, th, td, tr { display: block; } там у вас в слове block между "b" и "l" стоит символ. Удалите block и напишите заново.

@viliksar, обновил pen - добавил примерный js код для отображения имени файла.

Вот так например https://codepen.io/corvus-007/pen/ZwGgQL

А зачем вам textarea, для загрузки фалов нужен <input type="file"> к нему привязываем label. Потом скрываем инпут и стилизуем лейбл.

Можно воспользоваться псевдо-классом :focus-within. Его не поддерживают IE и Edge https://caniuse.com/#feat=css-focus-within Вот пример https://codepen.io/corvus-007/pen/gqbNwj

Можно с помощью гридов сделать http://jsfiddle.net/mrnobody/2mn4kcj9/4/

У вас не закрыта ссылка в логотипе. Вот с помощью флексов https://codepen.io/corvus-007/pen/Jwxbbg?editors=1100 Вы будет верстать под мобильный? А то я там добавил кнопку меню, но без функционала и доп стилей для навигации.

Блин, думал получится, но почему-то во втором аётеме, лейбл отталкивается не от размера контейнера, а от размера второй строки в этом контейнере. https://codepen.io/corvus-007/pen/OrVdqy?editors=1100

Я конечно не знаю всех деталей, но может сделать с помощью колонок? http://jsfiddle.net/mrnobody/4mu63bLs/19/

Так? https://codepen.io/corvus-007/pen/aQBWgR?editors=1100

По умолчанию у iframe'ов размеры 300×150 px. Вам нужно c помощью JS найти высоту документа внутри фрейма, и потом задать ее самому фрейму.

img { max-width: 100%; /* максимальная ширина не больше ширины родительского блока */ height: auto; /* пропорциональное масштабирование картинки по высоте */ vertical-align: middle; /* убирает ненужный отстут у картинки, т.к. она строчно-блочный элемент. Либо можно задать `display: block;` */ }

.dropdown:hover .dropdown-toggle { background-color: #cf0d0d; }