Gibt es jemanden, der mir in Webflow weiterhelfen würde?
hi,
ich bin kommunikationsdesign student und seit zwei tagen am ausprobieren mit webflow. ich will damit mein portfolio programmieren.
leider bin ich auf ein für mich unslösbares problem gestoßen, auf welches im webflowforum niemand antwortet. kurz vorab geht es um das verhalten meiner sektionen und divboxen zueinander.
wie ihr im link sehen könnt verhält sich mein header - oberhalb dem strich - genauso wie er es soll. er ist responsive, behält seine position und passt sich wenn man die browsergröße verändert perfekt an. (ich habe auch breakpoints eingebaut ). jetzt will ich darunter mein erstes projekt mit heading "sonderedition" ( siehe link ) hinzufügen. diese überschrift und projekt verhält sich jedoch völlig anders. sie ist zwar responsive aber behält nicht ihre position. ich will dass sie genauso wie der header die größe verändert (responsive ist ) und die distanz zur linie, bis zum nächsten breakpoint, egal in welcher browserposition beibehält.
kennt sich jemand mit webflow aus und würde mir helfen? es wäre wirklich eine unglaubliche tat nachdem ich seit zwei tagen daran rummache und fast wahnsinnig werde. :P
link: https://lukas-hoffmann-porfolio-2.webflow.io/
freue mich sehr über eine antwort!
1 Antwort
Ich denke, du solltest generell deine Seite überarbeiten.
- Nimm die vielen Höhenangaben raus (height, max-height). Du brauchst sie meistens gar nicht.
- Das Gleiche gilt für die Breite bei Blockelementen - diese nehmen eh 100% ein.
- Verwende ausschließlich margin und padding, um Abstände für relativ positionierte Elemente zu verschieben.
- Setze den Header nicht mit einem Bild um (welches derzeit wohl eh seinen Container überragt). Das ist alles Text, das lässt sich leicht mit HTML und CSS umsetzen.
Teile deine Seite zunächst in ein Grid(raster) auf. Wie ich sehe, gibt es da schon was in Webflow.
Du könntest ein Raster mit sechs Spalten erstellen. Eine Spalte ist so breit wie einer deiner oberen Textblöcke und man kann Spalten verbinden (2-6 Columns). In diese Abschnitte fügst du deine Inhalte ein. Die Textausrichtung kannst du mit text-align (CSS) steuern. Die drei Punkte links oben lassen sich als Aufzählung (ohne bullet points -> siehe list-style-type) umsetzen.