質問編集履歴

3

文章修正

2021/05/12 02:46

投稿

Tsuyoponta
Tsuyoponta

スコア5

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  レスポンシブを保ちつつ、カードのサイズを揃えて画像も特定サイズの枠内で表示したいです。
10
10
 
11
- (左端のカードを右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
11
+ (左端のカード画像を右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
12
12
 
13
13
 
14
14
 

2

文法の修正

2021/05/12 02:46

投稿

Tsuyoponta
Tsuyoponta

スコア5

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  レスポンシブを保ちつつ、カードのサイズを揃えて画像も特定サイズの枠内で表示したいです。
10
10
 
11
- (その際に、画像が歪まないようにもしたい)
11
+ (左端のカードを右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
12
12
 
13
13
 
14
14
 

1

指摘箇所の修正

2021/05/12 02:44

投稿

Tsuyoponta
Tsuyoponta

スコア5

test CHANGED
File without changes
test CHANGED
@@ -6,9 +6,13 @@
6
6
 
7
7
  ### 解決したいこと
8
8
 
9
- レスポンシブを保ちながら投稿一覧の画像サイズを統一したいです。
9
+ レスポンシブを保ちつつカードサイズを揃えて画像も特定サイズの枠内で表示したいです。
10
10
 
11
+ (その際に、画像が歪まないようにもしたい)
12
+
13
+
14
+
11
- 現状は、[**こんな感じ**](https://gyazo.com/498ad873b0601eb76acdc6d5ac6bce3d)です。
15
+ ![イメージ説明](550839c89b49c1bcc8fa8a0e0723b8d3.png)
12
16
 
13
17
  ActiveStorageを導入しているので`image_tag`にvariantを用いて、`resize`でsizeを指定してみたのですが
14
18