Willkommen auf meiner Website

Entdecken Sie unsere fantastischen Angebote!


        <!-- Full width column -->
        <div class="flex mb-4">
          <div class="w-full bg-gray-500 h-12"></div>
        </div>
        
        <!-- Two columns -->
        <div class="flex mb-4">
          <div class="w-1/2 bg-gray-400 h-12"></div>
          <div class="w-1/2 bg-gray-500 h-12"></div>
        </div>
        
        <!-- Three columns -->
        <div class="flex mb-4">
          <div class="w-1/3 bg-gray-400 h-12"></div>
          <div class="w-1/3 bg-gray-500 h-12"></div>
          <div class="w-1/3 bg-gray-400 h-12"></div>
        </div>
        
        <!-- Four columns -->
        <div class="flex mb-4">
          <div class="w-1/4 bg-gray-500 h-12"></div>
          <div class="w-1/4 bg-gray-400 h-12"></div>
          <div class="w-1/4 bg-gray-500 h-12"></div>
          <div class="w-1/4 bg-gray-400 h-12"></div>
        </div>
        
        <!-- Five columns -->
        <div class="flex mb-4">
          <div class="w-1/5 bg-gray-500 h-12"></div>
          <div class="w-1/5 bg-gray-400 h-12"></div>
          <div class="w-1/5 bg-gray-500 h-12"></div>
          <div class="w-1/5 bg-gray-400 h-12"></div>
          <div class="w-1/5 bg-gray-500 h-12"></div>
        </div>
        
        <!-- Six columns -->
        <div class="flex">
          <div class="w-1/6 bg-gray-400 h-12"></div>
          <div class="w-1/6 bg-gray-500 h-12"></div>
          <div class="w-1/6 bg-gray-400 h-12"></div>
          <div class="w-1/6 bg-gray-500 h-12"></div>
          <div class="w-1/6 bg-gray-400 h-12"></div>
          <div class="w-1/6 bg-gray-500 h-12"></div>
        </div>

Full width column:

Two columns:

Three columns:

Four columns:

Five columns:

Six columns:

Source:
https://v1.tailwindcss.com/components/flexbox-grids

The Coldest Sunset

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.

#photography #travel #winter

Die Antwort auf alles.

Info

Dies ist eine informative Box.

Warnung

Dies ist eine Warnung.

Textvorlagen

Überschrift

Dies ist ein Beispieltext, der neben einem Bild steht.

Literatur

Entdecke die Welt der Bücher.

Technik

Erfahre mehr über moderne Technologien.

Ideen

Inspiration für kreative Projekte.

Schritt 1: Planung

Beginne mit einer gründlichen Planung deines Projekts.

Schritt 2: Umsetzung

Setze deine Pläne in die Tat um.

Schritt 3: Überprüfung

Überprüfe die Ergebnisse und optimiere sie.

"Die Welt ist voller Wunder,
die darauf warten, entdeckt zu werden."

Karte 1

Dies ist eine Beispielkarte mit einem Hover-Effekt.

Karte 2

Eine weitere Karte mit dem gleichen Effekt.

Karte 3

Noch eine Karte für gute Maß.

Dies ist ein überlagerter Text