[Resolved] Need help with CSS and hooks

[Emil]

Hello, I have problem with hooks, because I can’t do this (I am upload a screenshot on which I present the hooks that I would like to design)

[img]https://preview.ibb.co/haVpE9/csshook.jpg[/img]

Best Regards
Emil

[David]

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

[Emil]

Thanks! This code is perfect 🙂

[Emil]

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?

[David]

Try this CSS:

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

[Emil]

without effect 🙁

[David]

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

[Emil]

Thanks! Topic as resolved

[David]

You’re welcome

[Author]

Posts