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>.

А что вам нужно сделать?

12.02.2019 в 14:23, rasmus сказал:

Что значит неактуальна?

Никто уже не использует лет 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;
}