Xlopekcudun, например, потому что не подключаются локально скрипты. Смотрите в dev tools во вкладке network сеть. Может банально пути неправильно прописаны.
На уровне популярности swiper точно не найдете библиотеку лайтбоксов, так как слайдеры на каждом втором сайте, а подобный функционал не так популярен.
Самая популярная библиотека из подобных — photoswipe
Кроме photoswipe из незаброшенных и с поддержкой typescript еще только https://github.com/sachinchoolur/lightGallery
text-overflow работает для однострочного текста. В вопросе речь про параграф высотой в 500 px, да еще и двухколоночный. Как думаете, сработает ваш вариант?
Если сделали блок ромбом, то труда не составит сделать его псевдоэлемент тоже ромбом, разместить его за блоком и увеличить в размерах на величину рамки.
А зачем при изменениях в файлах запускать инициализацию browserSync, если он уже изначально был инициализирован? Есть же browserSync.reload, вот его и передавайте.
Да и в таск build добавить бы pipe .pipe(browserSync.reload({stream: true}))
Да и в целом почитать бы документацию по gulp, browserSync и gulp.watch
Есть такая штука - называется The New CSS Reset https://github.com/elad2412/the-new-css-reset/blob...
Там тоже сбрасываются стили с помощью all: unset; и потом нужные свойства возвращают в исходное значение с помощью revert