質問編集履歴
3
HTMLの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
●HTML
|
|
40
|
+
<figure class="wp-block-gallery columns-8 is-cropped fg-1"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https:1.jpg"><img src="https:1.jpg" alt="" data-id="361" data-full-url="https:1.jpg" data-link="https:" class="wp-image-361"/></a></figure></li>
|
|
41
|
+
<li class="blocks-gallery-item"><figure><a href="https:2.jpg"><img src="https:2.jpg" alt="" data-id="362" data-full-url="https:2.jpg" data-link="https:" class="wp-image-362"/></a></figure></li>
|
|
39
42
|
|
|
40
43
|
|
|
41
44
|
### 試したこと
|
2
試したコードの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -55,6 +55,13 @@
|
|
|
55
55
|
margin:0;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
+
@media all and (max-width:700px) {
|
|
59
|
+
.fg-1 {[?]}
|
|
60
|
+
}
|
|
61
|
+
※[?]部分で試したコード
|
|
62
|
+
width:calc(100%/3 - 30px);
|
|
63
|
+
width:calc((100% - 32px)/3);
|
|
64
|
+
％やpxの数字はいろいろ変えてみましたが、改善無しです。
|
|
58
65
|
|
|
59
66
|
|
|
60
67
|
### 補足情報（FW/ツールのバージョンなど）
|
1
余計な文章の削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
ここに質問の内容を詳しく書いてください。
|
|
4
|
-
（例）PHP(CakePHP)で●●なシステムを作っています。
|
|
5
|
-
■■な機能を実装中に以下のエラーメッセージが発生しました。
|
|
6
|
-
|
|
7
3
|
wordpressでブログサイトを立ち上げようとしている初心者です。
|
|
8
4
|
ギャラリー機能を使って複数の画像を公開しようとしています。
|
|
9
5
|
PC・タブレット側では横８枚の画像が並ぶようにしました。
|