Сергей Романенко

Flextype

После многих лет работы в вебдев-е, я сделал вывод, для что для готовых быстрых (в плане изготовления) и готовых интерфейсов по типу админок, Bootstrap лучший выбор. Но если надо что то уникальное (кастомное), особенно для клиентской части сайта, то тут нужно либо самому писать с нуля на чистом CSS либо взять новомодный Tailwind CSS.

В своих проектах, для админки я юзаю Bootstrap а для клиентской части пишу на Tailwind CSS

<?php if (isset($arResult['PROPERTIES']['VIDEO']['VALUE'])): ?>
    <iframe class="media__iframe"
        <?php
            $url = $arResult['PROPERTIES']['VIDEO']['VALUE'];
            if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/\s]{11})%i', $url, $match)) { $video_id = $match[1]; }  ?>
            <?php echo 'src="https://www.youtube.com/embed/'.$video_id.'"' ?>
            frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen>
    </iframe>
<?php endif; ?>

https://phpsandbox.io/n/young-voice-bp0b-r1l8y

Я не вижу никакой проблемы в установке нескольких CMS.
Это вполне нормальная практика - для сайта/магазина выбрать одну CMS, а для форума выбрать форумный движок.

для .new-todo добавьте

.new-todo {
    overflow-wrap: break-word;
}

https://jsfiddle.net/0pvqt4f8/