indexページに横並びで掲載する方法を教えてください


お世話になります。rails 初心者です。rails 4 でレシピアプリを作成中です。

indexページに３製品横並びにmodelに保存された内容を掲載したいのですが、  
どのようにアレンジすればよいのでしょうか。

現在、.each のloop しかわからず、縦並びになってしまいます。

<現在のコード：index.html.erb>

[code]

     <% @recipes.each do |recipe| %>
            <%=link_to recipe do%>
              <%= image_tag recipe.image.url (:thumb)  %>
            <% end %>
            <h2><%=link_to recipe.title,recipe %></2>
    
[/code]

[![画像の説明をここに入力](https://i.stack.imgur.com/t9sKK.jpg)](https://i.stack.imgur.com/t9sKK.jpg)

どうぞよろしくお願い致します。




色んな方法があると思いますが、flexboxを使ったサンプルを掲示しておきます。

<https://codepen.io/itmammoth/pen/mpewWa>

こんな感じのhtmlが出力されるようerbを編集してください。  
余白や位置揃えなどその他諸々は[flexbox](https://www.google.co.jp/search?q=flexbox)を検索して調べてみてください。

