質問: お世話になります。rails 初心者です。rails 4 でレシピアプリを作成中です。 indexページに3製品横並びにmodelに保存された内容を掲載したいのですが、 どのようにアレンジすればよいのでしょうか。 現在、.each のloop しかわからず、縦並びになってしまいます。 <現在のコード:index.html.erb> ``` <% @recipes.each do |recipe| %> <%=link_to recipe do%> <%= image_tag recipe.image.url (:thumb) %> <% end %> <%=link_to recipe.title,recipe %>2> ``` ![画像の説明をここに入力](https://i.stack.imgur.com/t9sKK.jpg) どうぞよろしくお願い致します。
回答: 色んな方法があると思いますが、flexboxを使ったサンプルを掲示しておきます。 こんな感じのhtmlが出力されるようerbを編集してください。 余白や位置揃えなどその他諸々はflexboxを検索して調べてみてください。