質問編集履歴
4
刷新
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,46 +1,59 @@
|
|
|
1
|
+
<div class='container'>
|
|
1
|
-
|
|
2
|
+
<div class='column'>
|
|
3
|
+
<article class="blog-card">
|
|
2
|
-
|
|
4
|
+
<div class="blog-card__image-wrapper">
|
|
5
|
+
<img class="blog-card__image" src="https://f.hubspotusercontent10.net/hubfs/8921667/pixta_44662249_L.jpg" loading="lazy" alt="">
|
|
6
|
+
</div>
|
|
7
|
+
<section class="blog-card__content ">
|
|
8
|
+
<h3 class="blog-card__title"><a href="https:// /テストテストテスト </a></h3>
|
|
9
|
+
<div class="blog-card__post-summary">
|
|
10
|
+
<p>2020年、テストテストテスト</p>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="blog-card__author">
|
|
13
|
+
<div class="blog-card__author-image" style="background-image: url('https://f.hubspotusercontent10.net/hubfs/8921667/favicon_1.png');"></div>
|
|
14
|
+
<a class="blog-card__author-name" href="https:// / "編集部">テスト</a>
|
|
15
|
+
</div>
|
|
16
|
+
<a class="blog-card__button button button" href="https:// /テストテストテスト</a>
|
|
17
|
+
</section>
|
|
18
|
+
</article>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
<div class='column'>
|
|
23
|
+
<article class="blog-card">
|
|
24
|
+
<div class="blog-card__image-wrapper">
|
|
25
|
+
<img class="blog-card__image" src="https://f.hubspotusercontent10.net/hubfs/8921667/pixta_44662249_L.jpg" loading="lazy" alt="">
|
|
26
|
+
</div>
|
|
27
|
+
<section class="blog-card__content ">
|
|
28
|
+
<h3 class="blog-card__title"><a href="https:// /テストテストテスト </a></h3>
|
|
29
|
+
<div class="blog-card__post-summary">
|
|
30
|
+
<p>2020年、テストテストテスト</p>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="blog-card__author">
|
|
33
|
+
<div class="blog-card__author-image" style="background-image: url('https://f.hubspotusercontent10.net/hubfs/8921667/favicon_1.png');"></div>
|
|
34
|
+
<a class="blog-card__author-name" href="https:// / "編集部">テスト</a>
|
|
35
|
+
</div>
|
|
36
|
+
<a class="blog-card__button button button" href="https:// /テストテストテスト</a>
|
|
37
|
+
</section>
|
|
38
|
+
</article>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
3
41
|
|
|
4
42
|
|
|
5
43
|
|
|
6
|
-
理想の状態
|
|
7
|
-
|
|
8
44
|
|
|
45
|
+
-------css-----
|
|
9
46
|
|
|
47
|
+
.container {
|
|
48
|
+
display: flex;
|
|
49
|
+
flex-wrap: wrap;
|
|
50
|
+
}
|
|
10
|
-
|
|
51
|
+
.column {
|
|
11
|
-
2カラムにしたいのですが、うまくいかず（Aの横に配置したいのに、Aの上にきている）悩んでいます。
|
|
12
|
-
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
13
54
|
|
|
14
|
-
|
|
15
|
-
### 該当のソースコード
|
|
16
|
-
|
|
17
|
-
<div class="slidebar">
|
|
18
|
-
<ul class="slidebar-list">
|
|
19
|
-
<li class="list-item">
|
|
20
|
-
|
|
55
|
+
@media (min-width: 1024px) {
|
|
21
|
-
|
|
56
|
+
.column {
|
|
22
|
-
|
|
57
|
+
width: 50%;
|
|
23
|
-
|
|
58
|
+
}
|
|
24
|
-
</p>
|
|
25
|
-
</div>
|
|
26
|
-
<iframe width="560" height="315" src="xxxxxxxxxxxxxxxxxx</iframe>
|
|
27
|
-
<div class="bannar">
|
|
28
|
-
<h2>参加しています</h2>
|
|
29
|
-
|
|
59
|
+
}
|
|
30
|
-
テストテストテスト
|
|
31
|
-
</p>
|
|
32
|
-
<div class="btn-blue">
|
|
33
|
-
<a href="https://logidx.jp/exhibitors/409/" target="_blank">""</a>
|
|
34
|
-
</div>
|
|
35
|
-
</li>
|
|
36
|
-
|
|
37
|
-
</ul>
|
|
38
|
-
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
### 補足情報（FW/ツールのバージョンなど）
|
|
43
|
-
|
|
44
|
-
iframeの中には動画を入れる予定です。
|
|
45
|
-
|
|
46
|
-
<div class="btn-blue">の箇所は本当は画像を配置して、その画像をクリックすると飛ばすようにしたいです。
|
3
画像追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
現状の状態のA （この右に画像を配置したい）
|
|
1
2
|
###
|
|
2
3
|
|
|
3
4
|
|
2
画像追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
###
|
|
2
2
|
|
|
3
3
|
|
|
4
|
+
|
|
5
|
+
理想の状態
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
4
9
|
前提・実現したいこと
|
|
5
10
|
2カラムにしたいのですが、うまくいかず（Aの横に配置したいのに、Aの上にきている）悩んでいます。
|
|
6
11
|
こちらのcssをどうしたらよいかご教示お願いしたく存じます！
|
|
@@ -34,7 +39,7 @@
|
|
|
34
39
|
|
|
35
40
|
|
|
36
41
|
### 補足情報（FW/ツールのバージョンなど）
|
|
37
|
-
|
|
42
|
+
|
|
38
43
|
iframeの中には動画を入れる予定です。
|
|
39
44
|
|
|
40
45
|
<div class="btn-blue">の箇所は本当は画像を配置して、その画像をクリックすると飛ばすようにしたいです。
|
1
Aの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
###
|
|
2
|
+
|
|
3
|
+
|
|
1
|
-
|
|
4
|
+
前提・実現したいこと
|
|
2
5
|
2カラムにしたいのですが、うまくいかず（Aの横に配置したいのに、Aの上にきている）悩んでいます。
|
|
3
6
|
こちらのcssをどうしたらよいかご教示お願いしたく存じます！
|
|
4
7
|
|
|
@@ -31,7 +34,7 @@
|
|
|
31
34
|
|
|
32
35
|
|
|
33
36
|
### 補足情報（FW/ツールのバージョンなど）
|
|
34
|
-
|
|
37
|
+
](3764d55e5dd5756ce72c7a70403f60fa.png)
|
|
35
38
|
iframeの中には動画を入れる予定です。
|
|
36
39
|
|
|
37
40
|
<div class="btn-blue">の箇所は本当は画像を配置して、その画像をクリックすると飛ばすようにしたいです。
|