

お世話になります。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)

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


CC BY-SA 3.0
2017-12-15T08:51:33.967
40302
2017-12-16T12:29:28.077
2017-12-16T12:29:28.077
9608
26665
question
ruby-on-rails html css
indexページに横並びで掲載する方法を教えてください


Hタグは **見出し** なので、希望のレイアウトの様に横一列に並べたい要素に使うことがそもそも適切でない気がします。  
テーブルを組んで「画像の列」「料理名の列」をそれぞれ順に出力するようには出来ないでしょうか。


CC BY-SA 3.0
2017-12-15T12:36:41.550
40308
2017-12-15T12:36:41.550
3060
40302
answer


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

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

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


CC BY-SA 3.0
2017-12-16T04:29:02.590
40317
2017-12-16T04:29:02.590
9608
40302
answer