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