Please tell me how to post it side by side on the index page.

Thank you for your help.I'm a beginner at rails.I'm creating a recipe app with rails4.

I would like to list the contents stored in the model side by side on the index page.
How should I arrange it?

Currently, I only understand .each loop, and they are lined up vertically.

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

Thank you for your cooperation.

ruby-on-rails html css

2022-09-30 21:29

2 Answers

I think there are many ways, but I will post a sample using flexbox.

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

Please edit erb to output html like this.
Search flexbox for more information such as margins and alignment.

2022-09-30 21:29

The H tag has a headline, so I don't think it's appropriate to use it for elements that you want to line up horizontally like the layout you want.
"Would it be possible to set up a table and output ""image column"" and ""cooking name column"" in order?"

2022-09-30 21:29

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656