CSS-Kniffliges zum Wochenende

[beatovich]

hallo

hallo

Ich habe noch keine Lösung gefunden. Vielleicht findet ja jemand von euch eine?

(keine festen Breiten, keine media queries, kein JavaScript)

☞ https://twitter.com/kizmarh/status/992346531423510528

.test{
  display:flex; 
  justify-content:center; 
  flex-flow:wrap; width:19rem;
  /*! align-items: center; */
  border: 1px solid green;
}
.test > * { border:1px solid red; }
.test > *.nth-last-child(2) { margin-right:auto;}

Das erfüllt nicht alle Bedingungen.

.test{
  display:flex; 
  justify-content:center; 
  flex-flow:wrap; 
  width:26rem;
  align-items: center;
  border: 1px solid green;
}
.test > * {border:1px solid red;/*! align-items: center; */}
.test > *.nth-last-child(1) {margin:0 auto;}

tut es auch nicht.

Meine Vermutung ist, ohne JS kommt man nicht zumm Ziel.