KreativePro Masterclass
Hello, {first_name}
4.1
Intro to Breakpoints
Learn to build websites without code in Webflow
Completed
Oops! Something went wrong while submitting the form.
Completed
Browse Lessons
56
lessons
7
hours
MINUTES
2
files
Level

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCESS
Overview

Media Breakpoints in Webflow

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.

It's your turn!

Take a moment to download this Webflow Template so you can practice, experiment and use however you want!

đź“Ą Download Template

Webflow Project Files

All our project files for you to practice and play with along with some bonus materials.

Download
Download
Webflow Project Files

Reviews

Manases
Being the best means investing in the best, no matter what level you are at, this course will take you through the entire process you need to be able to implement an idea and turn it into a fully functional business.
Manasés Padilla
Photographer & Entrepreneur
Noel
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.
Noel Hale
Founder of Slush Monkeys®
Mae
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!
Mae Green
Product Designer @ Dropbox

hey guys welcome back this is intro to

breakpoints so

you can see right away on the very top

all the styles that you have created

here

are going to be applied downwards so

it's going to start going down to the

tablet

and then on the tablet view if you have

selected this

you can start changing some of the

values and properties that we have

already set

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

up

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

break point

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

have created

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

mobile

display

Coming Soon

The future of the web without code
56
lessons
7
hours
MINUTES
2
files
Level
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
@kreativepro
KreativePro Masterclass Bundle

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCCESS
NEXT COURSE IN
00
Days
00
hrs
00
mins
00
secs
🚀