On this Webflow lesson we take a look at mobile parallax section. How to position elements absolute correctly in different breakpoints in Webflow.
Take a moment to download this Webflow Template so you can practice, experiment and use however you want!
All our project files for you to practice and play with along with some bonus materials.
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
okay let's take a look at the parallax
so on the parallax we know almost
positioned on the screen is absolute
we probably won't have to do a lot of
down the different breakpoints so if i
to the tablet mode for example the only
change that i added here on the vr
headset was the margin left so that it
could be centered
if i reset this back so that it inherits
the values from the breakpoint base
you'll notice that
the object is no longer centered so the
only thing i added
was a little bit of adjustment so that
it could be centered
so that looks good and then as you
continue down the waterfall
to different breakpoints everything else
and even down to mobile so the trick
here is making sure that when you are
working with images
make sure that you always set the 100
because then it'll make that image
responsive that's the reason why
this whole parallax really doesn't need
a lot of updates
for different breakpoints pretty cool
guys i'll see you on the next lesson
Access our premium community including bonus tutorials, project files & weekly resources.UNLIMITED ACCCESS