Размещаем по горизонтали на одном экране два стандартных блока

название

Для данной модификации нужно будет создать zero блок, → прописать ему дополнительный класс, → далее ниже разместить два стандартных блока, → создать блок T123 → вставить в него код → в коде добавить id ваших блоков

Инструкция

  • 1

    Добавляем zero блок на страницу и все удаляем из него, оставляем его пустым

  • 2

    Переходим в настройки ZERO блока и добавляем класс uc-doubleblock

  • 3

    Добавляем два блока друг под другом

  • 4

    Добавляем блок Т123, и в него вставляем код

    В коде нужно указать ID блоков:

    1. id zero блока
    2. id певрого блока
    3. id второго блока

Код для вставки


    <!--https://atilda.ru/blocks-two-columns-->
<style>
        
        /*ЗАМЕНИТЕ на ID вашего zero блока*/
        #rec797916134 .t396 {
            display: none;
        }
        
        .uc-doubleblock {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(650px, 1fr));
        }
        
        .uc-childblock {
            height: 100%;
        }
        
        .t-prefix_2 {
            padding-left: 0;
        }
       
    </style>
    
    <script>
        let zeroBlock = document.querySelector(".uc-doubleblock");
        
        // ЗАМЕНИТЕ на ID вашего первого блока
        let blockOne = document.querySelector("#rec797893519");
        // ЗАМЕНИТЕ на ID вашего второго блока
        let blockTwo = document.querySelector("#rec799482309");
        
        zeroBlock.append(blockOne);
        zeroBlock.append(blockTwo);
        
    </script>
	

Есть идеи, сложности с реализацией или что-то не получается?

Всегда буду рад обратной связи и готов помочь.

По всем вопросам пишите в Telegram