Webstrom в меню настроек нет пункта node.js and NPM, как его добавить?

Антон Иванов, ну конечно такие элементарные вещи все проверены и настроены)

Можно ли убрать данную иконку у input?

это не работает в firefox

Как сделать такое выравнивание во flex?

https://codepen.io/ewgeniq-awdeewa/pen/poGMwjX

вот так как вариант по центру будет) смотря какая вообще цель и какие там блоки будут с каким контентом, так то еще есть несколько способов.

Как сделать такое выравнивание во flex?

Владислав Лысков,
так они у вас не по центру

Как расположить элементы списка в несколько столбиков поочередно?

каждому дочернему элементу внутри тега со свойством column-count укажите следующие параметры

page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;

можно через > *
Например, родитель имеет свойство column-count с классом .table
тогда

.table > * {
   page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

Как подружить fancybox и swiper?

Обратите внимание, что при работе со слайдером где есть дубликаты, дата атрибуты data-fancybox у ссылок не ставятся, все классы задаются в скрипте

Как подружить fancybox и swiper?

А это я уже адаптировала чисто под свайпер код для своего проекта, работает как часы)

.simple-gallery._alt
    .swiper-container.swiper-container_gallery
        .swiper-wrapper
            a.swiper-slide(href="img/room1-1.jpg")
                img.simple-gallery__img(src="img/room1-1.jpg" title="" alt="")
            a.swiper-slide(href="img/room2-1.jpg")
                img.simple-gallery__img(src="img/room2-1.jpg" title="" alt="")
            a.swiper-slide(href="img/room2-2.jpg")
                img.simple-gallery__img(src="img/room2-2.jpg" title="" alt="")
            a.swiper-slide(href="img/room2-3.jpg")
                img.simple-gallery__img(src="img/room2-3.jpg" title="" alt="")
            a.swiper-slide(href="img/room3-1.jpg")
                img.simple-gallery__img(src="img/room3-1.jpg" title="" alt="")

const swiperGallery = new Swiper('.swiper-container_gallery', {
    slidesPerView: "auto",
    loop: true,
    spaceBetween: 0,
    watchOverflow: true,
    freeMode: true,
    speed: 2000,
    autoplay: {
        delay: 1000,
        disableOnInteraction: false
        // waitForTransition: false,
    },
});

$.fancybox.defaults.thumbs.autoStart = true;
$().fancybox({
    selector : '.simple-gallery._alt .swiper-slide:not(.swiper-slide-duplicate)',
    backFocus : false,
    buttons: [
        "thumbs",
        "close"
    ],
});
$(document).on('click', '.swiper-slide-duplicate', function(e) {
    var $slides = $(this)
        .parent()
        .children('.swiper-slide:not(.swiper-slide-duplicate)');

    $slides
        .eq( ( $(this).attr("data-swiper-slide-index") || 0) % $slides.length )
        .trigger("click.fb-start", { $trigger: $(this) });

    return false;
});