CSS und JavaScript Tutorial | Masonry Layout

Показать описание

Mit CSS Grid und etwas JavaScript stellen wir ein schönes und Masonry Layout her. Wie ein Mauerwerk können wir dabei Elemente flächendeckend in einem Container anordnen. Responsive Design sorgt dafür, dass das auf allen Geräten gut aussieht.

📝 Demo & Quellcode

⏱ Zeitmarken
● Vorstellung 00:00
● Setup 02:45
● CSS Grid 05:08
● Flex-Exkurs 10:46
● Zeilen 13:29
● Idee 15:07
● Script 20:22
● Firefox Devtools 29:13
● Bilder laden 31:05
● Refactoring 33:31
● Abschluss 38:20

📙 Quellen

💻 Verwendete Tools (Entwicklung)

🎤 Verwendete Software (Aufnahme)

#CSS #Masonry #CSSGrid