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

質問編集履歴

1

SCSS表記のほかに通常のCSSのコードも追加しました。

2020/05/06 07:23

投稿

chifflot
chifflot

スコア11

title CHANGED
File without changes
body CHANGED
@@ -45,7 +45,7 @@
45
45
  </html>
46
46
  ```
47
47
 
48
- ```CSS
48
+ ```SCSS
49
49
  *{
50
50
  margin:0;
51
51
  padding:0;
@@ -92,4 +92,51 @@
92
92
  }
93
93
  }
94
94
  }
95
+ ```
96
+
97
+ ```CSS
98
+ * {
99
+ margin: 0;
100
+ padding: 0;
101
+ }
102
+
103
+ .point1 {
104
+ width: 1200px;
105
+ margin: 0 auto;
106
+ }
107
+ .point1__break {
108
+ width: 100px;
109
+ height: 2px;
110
+ border: 1px solid black;
111
+ margin: auto;
112
+ }
113
+ .point1__title {
114
+ text-align: center;
115
+ font-size: 60px;
116
+ font-weight: bold;
117
+ }
118
+ .point1__steps {
119
+ display: flex;
120
+ width: 1200px;
121
+ list-style: none;
122
+ }
123
+ .point1__steps__block {
124
+ width: 400px;
125
+ box-sizing: border-box;
126
+ }
127
+ .point1__steps__block .steps__title {
128
+ font-size: 23px;
129
+ font-weight: bold;
130
+ margin: 20px 0 20px 0;
131
+ }
132
+ .point1__steps__block .steps__host-check {
133
+ margin-top: 20px;
134
+ }
135
+ .point1__steps__block .steps__host-check a {
136
+ color: green;
137
+ text-decoration: none;
138
+ }
139
+ .point1__steps__block .steps__host-check a:hover {
140
+ text-decoration: underline;
141
+ }
95
142
  ```