I have a problem that the screen is too small when I look at it on a smartphone, even though I have made it responsive with bootstrap gem etc…
In fact, I would like to make it like this,

It’s like this.

In these cases, you usually forget <meta name=“viewport” content=“width=device-width, initial-scale=1”>.
Just put <meta name=“viewport” content=“width=device-width, initial-scale=1”> in the head part of views/layouts/application.html.erb.