Features Tab Content Break In To Two Columns

Store Builder Questions
1

To my eye features tab content for desktop view could be obviously divided in to two columns to minimize mouse scrolling

demo.cs-cart.com/stores/video-games/x-box-one/x-box-one/

does such css code exists that splits every 6 or all in half child elements in to a column2 or a span8 (something like menu in cs-cart)

2

Try something like

#content_features .ty-product-feature {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

http://prntscr.com/hh8qeh

3

Try something like

#content_features .ty-product-feature {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

http://prntscr.com/hh8qeh

That actually works really well on desktop. But it makes it double column on mobile as well, so it ends up all squeezed and hard to read.

4

Use something like this

@media (min-width: 1224px) {
#content_features .ty-product-feature {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
}