Grazie Giuseppe.
Avevo provato anche col punto, ma non andava lo stesso, anche se effettivamente la mia sintassi era sbagliata.
Adesso il codice in custom.css è questo
.notizie .row {
display: flex;
flex-wrap: wrap;
}
/* Create four equal columns */
.notizie .column {
flex: 25%;
padding: 20px;
}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
.notizie .column {
flex: 50%;
}
}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.notizie .row {
flex-direction: column;
}
}
Ma non funziona ancora. Ho fatto delle prove, ma ci deve ancora essere qualche classe che prevale.
Se tolgo .column (anche se probabilmente non ha senso) dalle due regole intermedie, la riga spezza in maniera corretta, cioè 2+2 e non 3+1, ma basta modificare quel padding e portarlo per es. a 10px e torna a spezzarsi in 3+1.
Inoltre ho provato a variare i breakpoint, ma anche cambiando il valore la riga spezza sempre a 992 e di conseguenza con lo schermo largo ho sempre ottenuto 4 colonne. Tra l'altro la monocolonna non arriva a 600 come da codice, ma molto dopo. a 497px
Ma tu l'hai testato in diretta e ha funzionato?
Boh... mi arrendo
