Skip to main content

Вставить картинку слева от текста

<div class="blockImgRight">
    <div class="imgW">
        Сюда картинку
    </div>
    <div>
        Сюда текст
    </div>
</div>

Если надо чтобы текст был справа, а картинка слева blockImgRight заменяешь на blockImgLeft
Если сайт уже создан и конструкция не работает, нужно зайти в template.css
И вставить следующий код:

.blockImgLeft{
        display: flex;
        gap: 10px;
    }
    .blockImgRight{
        display: flex;
        flex-direction: row-reverse;
    }
    @media screen and (max-width: 1199px) {
        .blockImgRight,.blockImgLeft{
            flex-direction: column;
            gap: 10px;
            align-items: center;
            justify-content: center;
        }
        .blockImgRight .imgW img,.blockImgLeft .imgW img{
            max-width: 100%
        }
    }