Resize viewport to a named breakpoint.
Built-in names: xs, sm, md, lg, xl, xxl, xxxl.
xs 375 x 667 phone portrait
sm 576 x 800 large phone / phablet
md 768 x 1024 tablet portrait
lg 992 x 768 small laptop / tablet landscape
xl 1200 x 900 desktop (default)
xxl 1400 x 900 wide desktop / HD
xxxl 1920 x 1080 Full HD / large monitor
Given (I am |we are )?viewing the site on a (?:"([^"]+)"|([a-zA-Z0-9 _,]+)) (?:screen|device)
Example #1: Given I am viewing the site on a xl screen
Example #2: Given I am viewing the site on a xs screen
Example #3: Given I am viewing the site on a md screen
Example #4: Given I am viewing the site on a "xl" screen
Example #5: Given I am viewing the site on a lg device
Example #6: Given I am viewing the site on a "sm" device
Example #7: Given I am viewing the site on a xxl screen
Example #8: Given I am viewing the site on a "xxxl" screen
Example #9: Given I am viewing the site on a xxxl device
Example #10: Given I am viewing the site on a "xxl" device
Example #11: Given we are viewing the site on a xs screen
Example #12: Given viewing the site on a lg screen