質問編集履歴
1
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -42,31 +42,39 @@
|
|
|
42
42
|
<li class="sumnail"><img src="./img/03.jpg" alt="sample3" class="ChangePhoto"></li>
|
|
43
43
|
</ul>
|
|
44
44
|
```
|
|
45
|
-
```
|
|
45
|
+
```css
|
|
46
|
-
div.press_img{
|
|
46
|
+
div.press_img {
|
|
47
|
-
@include Yohaku((0 auto) (0 0 2em));
|
|
48
|
-
p{
|
|
49
|
-
|
|
47
|
+
margin: 0 auto;
|
|
50
|
-
img {
|
|
51
|
-
width: 60%;
|
|
52
|
-
|
|
48
|
+
padding: 0 0 2em;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
49
|
}
|
|
56
50
|
|
|
57
|
-
|
|
51
|
+
div.press_img p {
|
|
58
|
-
@include BlockFlexBox(flex-start,baseline);
|
|
59
|
-
padding: 1em 0 2em;
|
|
60
|
-
li{
|
|
61
|
-
width: $base_width / 6;
|
|
62
|
-
padding: 0.5em 0;
|
|
63
|
-
|
|
52
|
+
text-align: center;
|
|
64
|
-
line-height: $lheight - 0.7;
|
|
65
|
-
font-size: $fsize - 3;
|
|
66
|
-
img{
|
|
67
|
-
width: 90%;
|
|
68
|
-
border-radius: 2px;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
53
|
}
|
|
54
|
+
|
|
55
|
+
div.press_img p img {
|
|
56
|
+
width: 60%;
|
|
57
|
+
border-radius: 2px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
ul.sumnail_list {
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-flow: row wrap;
|
|
63
|
+
justify-content: flex-start;
|
|
64
|
+
align-items: baseline;
|
|
65
|
+
padding: 1em 0 2em;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
ul.sumnail_list li {
|
|
69
|
+
width: 16.66667%;
|
|
70
|
+
padding: 0.5em 0;
|
|
71
|
+
text-align: center;
|
|
72
|
+
line-height: 1.3em;
|
|
73
|
+
font-size: 12px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
ul.sumnail_list li img {
|
|
77
|
+
width: 90%;
|
|
78
|
+
border-radius: 2px;
|
|
79
|
+
}
|
|
72
80
|
```
|