TOC
wwworkshop
Juicy Workshop

2.5.1
Spalten

Um Inhalte wie Text oder Bilder in Spalten anzuordnen können wir eine Klasse (class="columns") verwenden, die dann benutzt wird um das entsprechende Element mit CSS zu stylen.

display: flex; in Kombination mit flex-direction: row; sorgt dafür, dass die enthaltenen Elemente in Spalten angeordnet werden.

HTML

<div class="columns">
    <div>
        <p>Text</p>
    </div>
    <div>
        <p>Text</p>
    </div>
</div>

CSS

.columns {
    display: flex;
    flex-direction: row;
    gap: 10px;
}