Better responsive styling
-
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.