質問するログイン新規登録

回答編集履歴

2

追記

2019/05/01 06:37

投稿

wataame
wataame

スコア302

answer CHANGED
@@ -35,4 +35,10 @@
35
35
  </body>
36
36
 
37
37
  </html>
38
- ```
38
+ ```
39
+
40
+ ![イメージ説明](06bdf6ec303cffe1c04d606c7fe4d64c.jpeg)
41
+ ※PC
42
+
43
+ ![イメージ説明](1ffe81e4a884ff093f733a2da49aded4.jpeg)
44
+ ※SP(レスポンシブ)

1

追記

2019/05/01 06:37

投稿

wataame
wataame

スコア302

answer CHANGED
@@ -1,5 +1,6 @@
1
1
  https://instawidget.net/generate
2
2
  上記の 写真間の幅を5pxにすればOKです。
3
+ (原因は.image-boxのpaddingの数値だと思われます。なのでbodyにpaddingを指定しても希望のレイアウトにならないと思われます。)
3
4
 
4
5
  ![イメージ説明](3aee365a850fbf27d5e43077de0b0e6b.jpeg)
5
6
 
@@ -25,6 +26,7 @@
25
26
  <!-- photo -->
26
27
  <section id="photo">
27
28
  <!-- InstaWidget -->
29
+ <div class="instawidget">
28
30
  <a href="https://instawidget.net/v/tag/%E6%9C%88%E5%B1%B1%E9%AB%98%E5%8E%9F%E3%81%B2%E3%81%BE%E3%82%8F%E3%82%8A%E7%95%91" id="link-5651b4affea7c089127583911aa977dffd619d7182be05faa419861d51ea54d0">#月山高原ひまわり畑</a>
29
31
  <script src="https://instawidget.net/js/instawidget.js?u=5651b4affea7c089127583911aa977dffd619d7182be05faa419861d51ea54d0&width=100%"></script>
30
32
  </section>