Mobile Column Classes with Flex basis

Add class to the columns to force media queries to alter the default flex basis

eg: .columns.medium-fb100 .column { flex-basis:100%; }

Without

This

column

works

With (view at medium 600- 960px)

This

column

works

Force This .medium-only-fb50

column

works

note: when class is added to columns gap is removed in this helper, columns has class .no-gap

This .medium-only-fb60

.medium-only-fb20

.medium-only-fb20

Small only (view at less than 600) stacked on mobile turned off

This .medium-only-fb60
.small-only-fb60

.medium-only-fb20
.small-only-fb20

.medium-only-fb20
.small-only-fb20

Search the site


Address

123 Main Street
Town
City
P05T C0D3

Tel: 01234 567 899

Mob: 01234 567 899

Email: ben@gomopress.com


Copyright 2023. Blah blah blah Company Limited