Archived topic

Irregular space between footer widgets

1 reply · Started by Mireia on February 27, 2022

Viewing posts 1–2 of 2

February 27, 2022 at 4:49 am #2135232

Hi team,

We want to leave a space between the footer widgets on desktop, so that the first 4 widgets are to the left, and the fifth is to the right of the screen (I attach prototype with the design we want to achieve).

If the total width of the widgets should be 100%, how can this be done?

Thank you very much for your help!

February 27, 2022 at 5:38 am #2135266

Hi there,

try adding this CSS:

@media(min-width: 769px) {
    .footer-widgets .inside-footer-widgets>div {
        flex: 0 0 auto;
    }
    .footer-widgets .inside-footer-widgets .footer-widget-5 {
        flex: 0 0 200px;
        margin-left: auto;
    }
}

In this line: flex: 0 0 200px; the 200px defines the ideal width of the 5th widget.

This archived topic is closed to new replies.

Start building better websites today.