Diagonale Layouts in Webflow responsive umsetzen
In diesem Webflow Tutorial zeigt Jonas, wie man Trennerbereiche mit diagonalen Hintergründen erstellt. Er verwendet die Webflow App 'Section Divider Bae', um die diagonalen Schrägen zu erstellen. Er zeigt, wie man die Schrägen anpassen und positionieren kann. Jonas erklärt auch, wie man die Schrägen responsive macht und auf verschiedene Bildschirmgrößen anpasst. Er gibt Tipps zur Verwendung von relativen Elementen und zum Umgang mit Abständen.
Ergebnis anschauen:
https://diagonal-layouts.webflow.io
Projekt in Webflow in dein Dashboard kopieren:
https://try.webflow.com/diagonal-layouts *
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
// TIMESTAMPS
00:00 – Intro
00:24 – Aufbau in Webflow
01:28 – Section Divider Bae App installieren
05:41 – Responsive Einstellungen
09:14 – Abstände angleichen
11:00 – Wellen-Layouts
#webflow #webdevelopment #webdesign
---------------------------------------------
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite
----------------------------------------------
// MEIN WEBDESIGN UND FREELANCER BLOG
► https://jonasarleth.com/blog
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
----------------------------------------------
Affiliate Links