Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 21.10.2019, 08:56
cloned cloned ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.039
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

CSS ohne HTML ist recht sinnlos, aber hier mal ein kurzes Beispiel:

Copy-paste diesen Code auf zB jsfiddle.net um das mal anzuschauen.
Alternativ kannst du natürlich auch display: grid verwenden.
Ist hier vielleicht sogar besser, aber ich bin nun mal schneller ein Beispiel mit flexbox zu erstellen.
Code:
<div class="articles">
  <div class="article">
    Eins
  </div>
  <div class="article">
    Zwei
  </div>
  <div class="article">
    Drei
  </div>
</div>


* {
  box-sizing: border-box;
}
.articles {
  display: flex;
  flex-wrap: wrap;
}

.article{
  flex: 0 0 50%;
  border: 1px solid red;
  min-height: 20vh;
}

@media (max-width: 500px) {
  .article {
    flex: 0 0 100%;
  }
}
Mit Zitat antworten
Sponsored Links