Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Responsives Design mit Flexbox in HTML/CSS
Rating: 4.3 out of 5(15 ratings)
125 students

Responsives Design mit Flexbox in HTML/CSS

Alles über CSS-Flexbox für responsive Design, Spalten-/Zeilenlayout, Wrap-Panel, Galerie, Chat-Layout
Created byStephan Haewß
Last updated 8/2025
German

What you'll learn

  • Verwendung von CSS-Flexbox-Layout
  • Anordnung und Verteilung der Größen in Flexbox-Containern
  • Erstellung von responsiven Designs mit Flexbox
  • Zentrieren und Ausrichten von Elementen in Flexbox
  • Web Design mit CSS Flexbox

Course content

4 sections28 lectures3h 17m total length
  • Einführung5:44
  • Aufsetzen des Initialprojekts5:54

Requirements

  • Grundlegende HTML/CSS-Kenntnisse

Description

Willkommen zu meinem umfassenden Kurs über das CSS-Flexbox-Layout! Wenn Du Dich jemals gefragt hast, wie Du komplexe und responsive Layouts in CSS erstellen kannst, dann bist Du hier genau richtig. In diesem Kurs werden wir tief in die Welt der CSS-Flexbox eintauchen und Dir alles beibringen, was Du wissen musst, um flexible und beeindruckende Webseiten-Layouts zu gestalten.

Ich werde Dich in diesem Kurs durch jeden Aspekt des CSS-Flexbox-Layouts führen. Wir beginnen mit den Grundlagen und arbeiten uns dann Schritt für Schritt durch fortgeschrittenere Konzepte. Dabei werde ich mich nicht nur auf die Theorie konzentrieren, sondern auch eine Vielzahl praktischer Beispiele präsentieren, um das Gelernte in die Tat umzusetzen.

Was Dich in diesem Kurs erwartet:

  • Eine umfassende Einführung in das CSS-Flexbox-Layout und seine Grundkonzepte

  • Detaillierte Erklärungen zu Flex-Containern und Flex-Elementen sowie deren Flex-Eigenschaften

  • Praktische Anwendungsbeispiele für verschiedene Layouts, einschließlich responsiver Designs.

    • Zentrierung

    • 3-Spalten/Zeilen Layout

    • Verschachtelte Layouts

    • Chat-Layout

    • Galerie

  • Tipps und Tricks zur Optimierung von Flexbox-Layouts

  • Herausfordernde Übungen, um das Verständnis zu vertiefen

Egal, ob Du ein Anfänger in der Webentwicklung oder ein erfahrener Entwickler bist, dieser Kurs wird Dir das Vertrauen und die Fähigkeiten vermitteln, um Flexbox-Layouts effektiv in Deinen Projekten einzusetzen. Erweitere Deine Fähigkeiten und werde ein Experte in der Erstellung beeindruckender Webseitenlayouts mit Flexbox!

Who this course is for:

  • Web-Designer/Web-Entwickler, die Layouts mit display: flex erstellen wollen
  • Entwickler, die responsives Design mit Flexbox umsetzen wollen
  • Alle, die sich tiefergehend mit Flexbox-Layout beschäftigen möchten