Tak o to chodzi
dodajesz klasę do tego diva:
Kod HTML:
<div class="wf-columns wf-columns-stack-medium" data-wf-columns="1">
powiedzmy niech się nazywa .footer-grid
Kod:
.footer-grid {
display: grid;
}
@media (min-width: 800px) {
.footer-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
grid domyślnie zawsze jest 1fr więc dla urządzeń mobilnych nie ma sensu pisać reguły a wyłącznie dodanie liczby kolumn przy większych ekranach
800px jest jedynie wartością przykładową przy której nastąpi przełączenie na 3 kolumny. Nie znam prostszego sposobu. Jeżeli ktoś zna to chętnie się pouczę.