2spaltiges Layout mit untereinaderliegenden boxen

Hallo,
ich möchte gerne ein Layout haben bekomme es aber nicht hin

2spalten


Linke spalte 2 unternanderliegende Boxen und rechte spalte von oben bis unten text

kann mir einer helfen?
### ##############
# #
###

###
# #
### ##############
 
Zuletzt bearbeitet:
Hallo

Ja, verwende Flexbox.

Zum Beispiel zu diesem HTML

Code:
      <div class="zweispalten">
         <section>
            <article>
            </article>
            <article>
            </article>
         </section>
         <article>
         </article>
      </div>

dieses CSS

Code:
      .zweispalten {
         display: flex;
      }
      .zweispalten>* {
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 1px;
      }
      .zweispalten>:nth-child(1) {
         display: flex;
         flex-direction: column;
      }
      .zweispalten>:nth-child(1)>* {
         padding: 0.5rem;
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 1px;
      }
      .zweispalten>:nth-child(2) {
         padding: 0.5rem;
      }

Gruss

MrMurphy
 
Zurück