• Resolved Drivingralle

    (@drivingralle)


    Hey!

    The counter lead to vertical scrolling on devices smaller 550px. Or if it is added to a column also on bigger screens.

    I think the layout for slim columns/views can be improved.

    I created this hotfix for my current projekt:
    .eb-countdown-items {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    }

    .eb-countdown-item {
    width: auto !important;
    margin: 0 !important;
    }

    .eb-countdown-item div {
    display: grid;
    align-content: space-evenly;
    }

    .eb-countdown-item .eb-countdown-digits {
    font-size: 24px !important;
    }

    @media only screen and (min-width: 800px) {
    .eb-countdown-item .eb-countdown-digits {
    font-size: 48px !important;
    }
    }

    Maybe you can create a even better version of the CSS to allow fully flexible block display.

    Greeting
    derRALF

  • The topic ‘Better responsive styling’ is closed to new replies.