How to force to have only 2 cards per row ?

[fabriceb]

Hi,

My cards content lot of text, and I’d like to enlarge them, and force for example only 2 cards per row.

Here is my codepen : https://codepen.io/mogador/pen/BaEaWzz

Is there à way to change width of cards, and force responsive rows ?

 

Best regards,

fabriceb

[fabriceb]

Here is the soluce : just change this css variable : –smart-card-view-column-min-width

I do it directly in js after init of the cardview :
<div>$(“#myCard”).css(“–smart-card-view-column-min-width”, “600px”);</div>
<div></div>
<div>fabriceb</div>

[Markov]

Thanks for the update, Fabriceb

[Husnain11221]

<p>Join discussions on the physiological effects of cold exposure, from enhanced <span data-sheets-root=”1″ data-sheets-value=”{"1":2,"2":"link text"}” data-sheets-userformat=”{"2":47875,"3":{"1":0},"4":{"1":2,"2":16777215},"11":4,"12":0,"14":{"1":2,"2":205},"15":"Consolas, Menlo, \"courier new\", monospace","16":7,"18":1}”>url“>ice bath thermometer</span> circulation and immune function to accelerated recovery and reduced inflammation. Share your favorite cold <span data-sheets-root=”1″ data-sheets-value=”{"1":2,"2":"https://zenchill.co.uk/products/floating-thermometer&quot;}” data-sheets-userformat=”{"2":268456,"6":{"1":[{"1":2,"2":0,"5":{"1":2,"2":0}},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":{"1":2,"2":0}},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"10":2,"14":{"1":2,"2":1136076},"15":"Arial","21":1}” data-sheets-hyperlink=”https://zenchill.co.uk/products/floating-thermometer&#8221; data-sheets-hyperlinkruns=”{"1":0,"2":"https://zenchill.co.uk/products/floating-thermometer&quot;}”>https://zenchill.co.uk/products/floating-thermometer</span> water destinations, whether it’s a crisp mountain stream, a tranquil winter lake, or the bracing waters of the ocean.</p>

[Author]

Posts