Need help with CSS and hooks

Hi there,

try this markup:

<div class="naglowek_glowna">
    <div class="column-wrap grid-container">
        <div class="column-left">
            <h1>Elektryczne kable grzewcze</h1>
            <p>Efekt ciepłej podłogi to komfort na który Cię stać!</p>
        </div>
        <div class="column-right">
            <a class="button kable-grzewcze" href="https://www.youtube.com/watch?v=u0VMXF8Xz7I">Droga dojazdowa do lotniska w Ankarze</a>
        </div>
    </div>
</div>

And this CSS:

@media (min-width: 400px) {
    .column-wrap {
        display: flex;
    }
    .column-left {
        margin-right: auto;
    }
}

Let me know and what you want it to do when it breaks to mobile

Thanks! This code is perfect :-)

But I have one problem with responsive, because when screen less than 500px I have one column - that's perfect, but how to add below button padding?

Try this CSS:

.column-right {
    padding-bottom: 25px;
}

without effect :(

Hmm... re-add the code, not inside the media query, and clear your autoptimize cache

Thanks! Topic as resolved

You're welcome