回答編集履歴
3
書式の改善
answer
CHANGED
|
@@ -60,7 +60,6 @@
|
|
|
60
60
|
|
|
61
61
|
.bg1-text-div{
|
|
62
62
|
padding-top: 20px;
|
|
63
|
-
padding-left: 0; /* 追加 */
|
|
64
63
|
}
|
|
65
64
|
|
|
66
65
|
.bg1-text {
|
|
@@ -82,7 +81,6 @@
|
|
|
82
81
|
color: #fff;
|
|
83
82
|
font-size: 45px;
|
|
84
83
|
text-align: left; /* 追加 */
|
|
85
|
-
/* font-size: 45px; 削除 */
|
|
86
84
|
/* padding-top: 260px; 削除 */
|
|
87
85
|
/* padding-left: 810px; 削除 */
|
|
88
86
|
}
|
2
書式の改善
answer
CHANGED
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
border-radius: 50px; /* bg3から移動 */
|
|
100
100
|
box-shadow: 3px 3px 6px rgba(0, 0, 0, .26); /* bg3から移動 */
|
|
101
101
|
padding: 0 10px; /* 追加 */
|
|
102
|
-
line-height:
|
|
102
|
+
line-height: 2.28; /* font-sizeに対して可変 / 追加 */
|
|
103
103
|
display: inline-block; /* 追加 */
|
|
104
104
|
margin: 20px auto 0; /* 追加 */
|
|
105
105
|
}
|
|
@@ -112,7 +112,12 @@
|
|
|
112
112
|
ブレークポイントは
|
|
113
113
|
1箇所、多くても2か所で済みますよ。
|
|
114
114
|
|
|
115
|
+
画面に対して上や左右に余白を入れたい場合は
|
|
116
|
+
.mainvisual
|
|
117
|
+
に padding を入れて下さいm(__)m
|
|
118
|
+
|
|
115
119
|
---
|
|
120
|
+
|
|
116
121
|
先の回答でも言いましたが
|
|
117
122
|
正直今のcssはレスポンシブ以前。。。
|
|
118
123
|
もっとcssを学ばないと、ですね^^
|
1
誤字修正
answer
CHANGED
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
最新の仕様で使えない場合もありますので
|
|
30
30
|
基本的には ``` <p><a href="">テキスト</a></p> ``` を使う事をお勧めします
|
|
31
31
|
|
|
32
|
-
---
|
|
32
|
+
---
|
|
33
|
+
|
|
33
34
|
cssは%やvhなどの可変単位を使う事で
|
|
34
35
|
余計なブレークポイントを作らなくて済みます
|
|
35
36
|
|