3 Spalten Responsive Layout mit CSS Flexbox

3 Spalten Responsive Layout mit CSS Flexbox. Mit dem Flexbox System in CSS zeige ich dir wie du ein 3 Spalten Responsive Layout erstellen kannst welches sich dynamisch an die Auflösung anpasst. In der Desktopansicht werden 3 Spalten nebeneinander angezeigt. Bei kleineren Auflösungen rutscht die letzte Spalte unter die 2 Dritte. Bei sehr kleinen Auflösungen wird alles untereinander angezeigt. Happy Coding!

😺 Source Code
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:10 HTML Grundgerüst
05:20 Basis Layout
08:15 Flexbox Spalten
14:25 Media Queries
18:20 Feintuning
19:38 Wie gehts weiter?

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CSS Box Model Tutorial für Anfänger:

CSS Flexbox Tutorial für Anfänger:

Mobile Navigation mit HTML CSS und JavaScript:

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#HTML #CSS #ProgrammierenM

[kippenvogelchen]

Wieder etwas dazu gelernt :-) Ich finde die Qualität der Videos von dir erste Sahne! :-)

[lululou]

Deine Videos sind total klasse! Vielen Dank!

[ernstbahr]

bin wiedermal begeistert von Dir und von mir

[Maasch]

Super video, wird langsam zeit für einen Account bei Udemy das du dort einen kompletten Kurs anbietest gegen bezahlung ;)

[payne_to_the_max]

Hi Mario, danke für deinen klasse content. Bist ein super Typ, mach weiter so!

[rapier]

Vielen Dank für das tolle und lehrreiche Video!🙂 Wäre z.B. das auch ein Thema für künftige Tutorials die Entwicklung von WordPress Themes? Ich kann mir vorstellen, dass das eher schwere Kost ist...

[danielagalerieelbeundmehr]

super erklärt...vielleicht weißt du Rat...ich versuche seit Tagen den Text, der jetzt darunter steht rechts oder links vom Bild zu haben. geht das überhaupt?

[lucam.]

Hi Mario,
wie verlinke ich die Bilder am besten auf einen Fotoordner auf dem Desktop - wenn ich den Pfad als url kopiere funktioniert dies nicht --- oder muss ich den Ordner erst in VSCode importieren?

[voi-hoch]

Kann ich die Bilder auch href links zu anderen Seiten machen?

[icecold]

Hi Mario, weiterhin schau ich deinen Kanal mit voller Vorfreude. Das ein oder andere mal stellen sich mir fragen in bezug auf gewisse Themen in Bezug auf Richtung fullstack web developer oder auch freelancer themen, Genau hier beginnt das problem, worauf ich noch keine antwort habe, du hast in diesem beispiel bilder verwendet. wäre cool, wenn du zu dem thema vielleicht ein wenig mehr ins detail gehen würdest, was die größen der bilder angeht, denn so sachen wie css cover scheinen sich ja auf die größe des bildes zu beziehen. ps, wie wäre es mit nem discord für die "real Mario Fans"?

[ajamin]

Hallo, ein kurz Frage. Wie kann ich mit Html ein kiste bauen mit foto dass mich verlinken kann. Ein verlinkbare Foto box