Come implementare lo stile in html (col) in rotaie

Ho avuto un problema quando volevo implementare il mio html su rotaie in precedenza ho creato un catalogo con 3 colonne sul display desktop e 2 colonne su un display mobile come questo

in visualizzazione desktop il mio catalogo appare così

[1] [2] [3] [4] [5] [6] 

ma quando cambio in visualizzazione mobile, sembra che sia così

 [1] [2] [3] [4] [5] [6] 

la syntax precedente che uso in html esattamente come i link sopra la domanda è dove dovrei inserire

 

e

 

devo aggiungere “IF” o qualcos’altro nel ciclo per aggiungere il codice? questa è la mia syntax vista

 

Platform:
Price:

grazie

Prima metti la class ‘riga’ e al suo interno fai il ciclo ‘div-md / sm- *’ attraverso le rotaie e aggiungi la class ‘mg-btm’ a ‘col’ div. Consiglierei di non usare la class row-store con float o clear css, a meno che non sia per alcuni stili di colore!

Spero che questo ti aiuti!!

  
<% @games.each do |game| %>
<%= image_tag(game.image_url) %>

<%= game.title %>

Platform: <%= game.platform.name %>
Price: <%= game.price %>
<% end %>

Non ho ancora lavorato con i binari ma la logica dovrebbe essere la seguente:

 
<% i = 0 %> <% @games.each do |game| %>
<%= image_tag(game.image_url) %>

<%= game.title %>

Platform: <%= game.platform.name %>
Price: <%= game.price %>
<% if i != 0 %> <% if i % 2 == 0 %>
<% elsif i % 3 == 0 %>
<% end %> <% end %> <% i++ %> <% end %>