Tom: Text floaten über Spalten

Beitrag lesen

Hello,

wir kann ich das besser zusammenfassen?

Muss ich wirklic zweimal "@media screen" schreiben?

Kann ich nicht auch direkt auf min-width prüfen?
Wo find ich 'was über diese Möglichkeiten?

  
	  
div.content {  
    padding:20px;  
}			  
  
div.content p:first-child {  
    margin-top:0;  
}		  
  
@media screen and (min-width:40em) {  
    div.content {  
        -moz-column-count:2;  
        -moz-column-gap:1.0em;  
        -webkit-column-count:2;  
        -webkit-column-gap:1.0em;  
        column-count:2;  
	column-gap:1.0em;  
    }	  
}  
  
@media screen and (min-width:60em) {  
    div.content {  
        -moz-column-count:3;  
        -moz-column-gap:1.0em;  
        -webkit-column-count:3;  
        -webkit-column-gap:1.0em;  
        column-count:3;  
        column-gap:1.0em;  
    }	  
}	  
  

Liebe Grüße aus dem schönen Oberharz

Tom vom Berg

--
 ☻_
/▌
/ \ Nur selber lernen macht schlau
Die ultimative Seite für Selbermacher