HxCode
CSS·

Cheatsheet für Flexbox mit Tailwind

Flexbox ist ein leistungsstarkes Layoutwerkzeug. Unser interaktives Cheatsheet zeigt euch die Möglichkeiten mit den entsprechenden Tailwind-Klassen.
Author avatar Stefan Urbansky

Flexbox ist ein leistungsstarkes Layoutwerkzeug für Webseiten. Unser interaktives Cheatsheet zeigt euch die Layoutmöglichkeiten und jeweils die entsprechenden Tailwind-Klassen dazu.

Interactive cheatsheet for flexbox with tailwind classes

Wenn man mit der Maus über die CSS-Properties geht ändert sich entsprechend die Vorschau. Und mit einem Click kann sich die Tailwindklasse oder die CSS-Property kopieren.

Bitte beachtet, dass es die Tailwind-Klassen der Version 3 sind.

Quellcode

Das ganze Projekt findet ihr auch auf GitHub https://github.com/hxcode-io/tailwind-flex-cheat-sheet. Die Seite ist mit Vue.js und Typescript entwickelt. Schaut einfach mal rein und falls ihr Anmerkungen habt schreibt mir.

Weitere Resourcen

10 Schritte zur Entwicklung einer App

Hier erfährst du welche 10 Schritte du benötigst, um eine App zu entwickeln.

Aufbau eines Blogs mit Nuxt

NuxtJS erleichtert die Entwicklung mit Vue.js. Es lassen sich insbesondere SEO-freundliche Webseiten erstellen. Dieser Beitrag zeigt den Aufbau eines Blogsystem.