New CSS Preview

Hi @Zeke8990 , Welcome to the forums!

Good eye for a first time poster!

They represent the default breakpoints in Webflow.

tiny: mobile portrait
small: mobile landscape
medium : tablet
large: main

They are initialized in the Webflow main JavaScript file.

 "site": {
        "mediaQueries": [{
            "key": "main",
            "min": 992,
            "max": 10000
        }, {
            "key": "medium",
            "min": 768,
            "max": 991
        }, {
            "key": "small",
            "min": 480,
            "max": 767
        }, {
            "key": "tiny",
            "min": 0,
            "max": 479
        }]
    }
5 Likes