diff --git a/css/responsive.css b/css/responsive.css index 76ab802..9266ff3 100755 --- a/css/responsive.css +++ b/css/responsive.css @@ -153,4 +153,40 @@ nav.wrapper a { width: 140px; - padding: 10px; } } + padding: 10px; } + + .large-12.columns.table { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + /* optional */ + -webkit-box-align: start; + -moz-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + .large-12.columns.table .bottom-blog { + -webkit-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -ms-flex-order: 2; + -webkit-order: 2; + order: 2; + } + + .large-12.columns.table .middle-blog { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; + } +}