Shrink screen to see simplified layout for small devices
5_ \ V U{( H Code5_ E V U{/ 8 !{"x is number of columns to 'squish' the span5_ 2 4 3 " < " < # v U} ! # 6 P {"x is number of columns to 'squish' the span & from both sides."}5_ 3 5 4 " < " < " Q v U} ! $ 5 L {"x is number of columns "}5_ 4 6 5 " M " < " Q v U}
! # 6 N {"x is number of columns of white space to 5_ 5 7 6 - % " L V L U} - 2 6 - . 6 5_ 6 8 7 / % " L V L U} . 0 : 9 add to the beginning of the span."}5_ 7 9 8 / % " L V L U}" . 0 : 3 add to the end of the span."}5_ 8 : 9 . % % " L V L U# - / : M {"x is number of columns of white space to5_ 9 ; : " % % " L V L U& ! # : M {"x is number of columns of white space to5_ : < ; ( U : S {"x is number of columns to 'squish' the span5_ ; = < . U - / : S {"where x is number of columns of white space to5_ < > = + U t : G Squish one5_ = ? > * U u : G Squish two5_ > @ ? * U v : I Squish three5_ ? A @ * U x : H Squish four5_ @ B A ( + U ' ) : A Pre one5_ A C B ) + U ( * : A Pre two5_ B E C * * U ) + : C Pre three5_ C F D E + * U * , : B Pre four5_ E G F 4 + U 3 5 : C post one5_ F H G 5 + U 4 6 : C post two5_ G J H 6 * U 5 7 : E post three5_ H K I J 7 + U 6 8 : D post four5_ J L K V U Y {"where x is number of columns to 'squish' the span & from both sides."}5_ K M L - V U 8 Q 12 column span with no squish5_ L P M - V U 8 O column span with no squish5_ M Q O P - 3 v U 8 4 5_ P R Q U 3 v U 8 ] 8 5_ Q S R 3 v U 8 5_ R T S G 3 v U 8 5_ T V U G 3 v U 8 5_ U X V G 3 v U 8 5_ V Y W X 2 2 T v T U 8 5_ X Z Y 2 2 T v T U 8 k ""}}/>5_ Z \ [ a 2 T v T U 8 k ""}/>5_ [ ] \ a 2 T v T U 8 j ""/>5_ \ ^ ] c 2 T v T U 8 k ""5_ ] _ ^ 4 2 T v T U 8 o ""5_ ^ ` _ c 2 T v T U 8 q """"5_ _ a ` 4 2 T v T U 8 s """"""5_ ` b a 4 2 T v T U 8 r """""5_ a c b 3 2 T v T U 8 q """"5_ b d c b 2 T v T U 8 r {""""5_ c e d b 2 T v T U 8 q {"""5_ d f e b 2 T v T U 8 p {""5_ e g f - 2 T v T U 8 q {""}5_ f h g - 2 T v T U 8 p code>{""}5_ g i h - 2 T v T U 8 o ode>{""}5_ h j i - 2 T v T U 8 n de>{""}5_ i k j - 2 T v T U 8 m e>{""}5_ j l k - 2 T v T U 8 l >{""}5_ k m l ] 2 T v T U 8 k {""}5_ l n m ] 2 T v T U 8 j {""}/code>5_ m o n ] 2 T v T U 8 i {""}code>5_ n p o ] 2 T v T U 8 h {""}ode>5_ o q p ] 2 T v T U 8 g {""}de>5_ p r q ] 2 T v T U 8 f {""}e>5_ q t r ] 2 T v T U 8 e {""}>5_ r v s t 6 F v F U 8 G Squish one5_ t w u v 7 5 v U 8 I {"Squish one 8 5_ v x w f f o v o U 8 w {"Squish one5_ w y x f f o v o U 8 m {"5_ x z y T T Z v Z U 8 d {""}5_ y { z
T Z v Z U
8 fontSize: '2rem'5_ z | { T Z v Z U
8 fontSize: '1rem'5_ { } | 5 E v E U 8 F Squish two5_ | ~ } 6 E v E U 8 H {"Squish two 8 5_ } ~ u u ~ v ~ U 8 {"Squish twoSquish two5_ ~ u u ~ v ~ U 8 | {"Squish two5_ n n o v o U ( 8 ~ {"Squish two"}5_ d d r v r U + 8 | {"Squish twoSpan>"}5_ d d r v r U 1 8 m {""}5_ d d r v r U 1 8 l {"}5_ 5 d r v r U 5 8 k {"5_ 5 d r v r U 5 8 j "5_ 6 d r v r U 8 8 o {""}5_ 6 d r v r U 8 8 n ""}5_ d d r v r U : 8 m "}5_ d d r v r U : 8 l }5_ T d r v r U < 8 ] {""}5_ T d r v r U < 8 \ {"}5_ - d r v r U ? 8 [ {"5_ - d r v r U ? 8 Z "5_ 3 3 F v F U A 8 Y 5_ < < O v O U E 8 k 5_ ; ; N v N U G 8 i 5_ 5 ; N v N U \ 8 U 5_ P ; N v N U _ 8 W {"5_ P ; N v N U c 8 W 5_ 6 ; N v N U f 8 Y "}5_ - ; N v N U i 8 E 5_ @ ; N v N U k 8 G {"5_ 5 ; N v N U ! 8 H Squish three5_ 5 ; N v N U 8 G Squish four5_ N ; N v N U 8 Y {""}5_ N ; N v N U 8 Y {""}5_ N ; N v N U " 8 Y {""}5_ 5 ; N v N U # 8 < 5_ % - ; N v N U $ & 8 N 12 column span with no pre5_ & 3 ; N v N U % ' 8 A Pre one5_ & 3 ; N v N U % ' 8 < {"5_ & 3 ; N v N U % ' 8 ; "5_ & 2 % - % A v A U / % ' 8 : & ' 8 5_ ' 2 % - % A v A U 1 & ( 8 A Pre two ' ( 8 5_ ( 1 % - % A v A U 2 ' ) 8 B Pre three ( ) 8 5_ ) 1 % - % A v A U 4 ( * 8 A Pre four ) * 8 5_ & E % - % A v A U 7 % ' 8 O {""}5_ ' H ' H ' N v N U : & ( 8 V {""}Pre two5_ ' E ' H ' N v N U < & ( 8 O {""}5_ ( G ( G ( O v O U ? ' ) 8 W {""}Pre three5_ ( D ( G ( O v O U @ ' ) 8 N {""}5_ ) G ) G ) N v N U B ( * 8 V {""}Pre four5_ ) D ) G ) N v N U D $ ( * 8 N {""}5_ I ! 8 I V I U T S {"where x is number of columns of white space to 9 add to the beginning of the span."}5_ * * + V U V ) * T {"where x is number of columns of white space to 3 add at the end of the span."}5_ - - * * V U Y , . 4 O 12 column span with no post5_ . 4 # - # A v A U ` - / 4 C post one5_ / 4 # - # A v A U a . 0 4 C post two5_ / 4 # - # A v A U c . 0 4 D tpost two5_ 0 3 # - # A v A U c / 1 4 D post three5_ 1 3 # - # A v A U d 0 2 4 C post four5_ - , # - # A v A U k , . 4 4 - . 4 5_ . 3 # - # A v A U m - / 4 ; . / 4 5_ / 3 # - # A v A U n . 0 4 ; / 0 4 5_ 0 2 # - # A v A U o / 1 4 : 0 1 4 5_ 1 2 # - # A v A U q 0 2 4 : 1 2 4 5_ . F # - # A v A U s - / 4 P {""}5_ / F # - # A v A U u . 0 4 P {""}5_ 0 E # - # A v A U w / 1 4 O {""}5_ 1 E # - # A v A U z % 0 2 4 O {""}5_ * * + V K U ) *