Ruby on Railsでのレイアウト指定について

Ruby on Railsを勉強中のものです。
初心者質問で恐縮ですが、Ruby on Railsでのレイアウト指定について、質問です。

現在オリジナルサービスを作っており、基本的な機能は実装できたのですが、
レイアウト指定のやり方が分からず(どのファイルに/どのように記載)、苦戦しています。

具体的には、以下で記載したビューファイルを、
横に３つずつ、グリッド形式で、データベースから取得した画像を並べる記載をしたく考えております。

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
index.htmlファイル

<h2> 作品リスト </h2>

<% @comic.each do |comic| %>
<a href="/comics/<%=comic.id %>"><img src="<%= comic.image %>"></a>

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

こちら、どのファイルにどのように記載すれば良いか、大変恐縮ですがアドバイス頂けますと助かります。
何卒、よろしくお願いいたします。

行動規範の内容に同意します

回答1件

CSSを勉強してください。
ビューの配置(レイアウト)に関する事は、おおむねCSSが担当することになるので、そちらがわからないとどうにもならないと思います。

一例として、簡単なサンプルを上げます。

HTML
1<!-- index.html.erb -->
2<h2> 作品リスト </h2>
3<div class="outer">
4  <% @comic.each do |comic| %> 
5    <div class="inner">
6      <a href="/comics/<%=comic.id %>"><img src="<%= comic.image %>"></a> 
7      <p>作品名：<%= comic.title %></p>  
8      <P>作者：<%= comic.author %></p>
9    </div> 
10  <% end %>
11</div>
12
13<!-- css -->
14div.outer {
15  width: 100%;
16}
17div.inner {
18  display: inline-block;
19  width: 33%;
20}