現状
画像のように要素が隙間なく並んでいる状態です
やったこと
gap: 10px
を使用してやってみたが下記の画像のようにはみ出してしまう
実現したいこと
要素と要素の隙間にはスペースを開けて、
はみ出ないようにしたい
コード
#content_container { padding: 60px; background-color: #F9F8F2; } .companies_i__list { display: grid; grid-template-columns: 25% 25% 25% 25% ; }
#content_container .companies_i__list - companies.each do |company| .companies_i__service = link_to company_path(id: company.id) .companies_i__service_inner = image_tag company.priority_service&.image&.url, class: :companies_i__service_thumbnail
教えいていただけますと幸いです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/06/22 04:04