On this Webflow lesson we take a look at media breakpoints. How to create styles in different breakpoints in Webflow and understanding the CSS waterfall effect used 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!
hey guys welcome back this is intro to
you can see right away on the very top
all the styles that you have created
are going to be applied downwards so
it's going to start going down to the
and then on the tablet view if you have
you can start changing some of the
values and properties that we have
this is not a mobile first environment
meaning that you don't start from mobile
and then go upwards you start from
desktop and you go downwards which is a
little bit weird
for me because i come from the
development background but just a heads
they put even a little star for you to
remind to remind you that this is the
base break point
this this is where you want to start
adding all the styles and classes
if you need an additional extra large
if you have like if you're managing a
very large kind of blog or site
you can start adding additional break
points for these sizes
so that you can modify some of the
properties on the right panel
so we're not going to use that because
we actually have everything
under our overlay grid system that we
we won't be requiring larger breakpoints
but we will be looking into each section
and making sure that every section
including the menu
is taken care of when you go over into a
Access our premium community including bonus tutorials, project files & weekly resources.UNLIMITED ACCCESS