Skip to content

Instantly share code, notes, and snippets.

@wowaTYPO3
Created May 15, 2020 19:40
Show Gist options
  • Save wowaTYPO3/735d764808cb4569018a18c20e8884a2 to your computer and use it in GitHub Desktop.
Save wowaTYPO3/735d764808cb4569018a18c20e8884a2 to your computer and use it in GitHub Desktop.
Rudimentäres Beispiel für eine Ausgabe der News-Listenansicht in 3 Spalten. Anpassungen für Responsive Design fehlen noch.
.news .news-list-view {
display: flex;
flex-flow: wrap;
}
.news .news-list-view .article {
flex: 1 1 32.333333%;
border: 1px solid #ccc;
padding: .5rem;
margin: 0 1% 1rem 0;
}
.news .news-list-view .article:nth-child(3n){
margin: 0 0 1rem 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment