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

質問編集履歴

3

コードと画像の変更

2020/02/11 07:01

投稿

reo_fukkase
reo_fukkase

スコア50

title CHANGED
File without changes
body CHANGED
@@ -338,6 +338,7 @@
338
338
  font-weight:200;
339
339
  font-size:14px;
340
340
  letter-spacing: 1.5px;
341
+ z-index: 1000;
341
342
  }
342
343
  h2{
343
344
  color:#333333;
@@ -348,7 +349,7 @@
348
349
  text-align: center;
349
350
  width:860px;
350
351
  height:105px;
351
- margin-bottom:20px;
352
+ margin-top: 40px;
352
353
  margin-left: auto;
353
354
  margin-right:auto;
354
355
  padding-top:35px;
@@ -377,4 +378,4 @@
377
378
  }
378
379
  }
379
380
  ```
380
- ![イメージ説明](55ae02a9d175dda431005b9c19b84e60.png)
381
+ ![イメージ説明](262b1eb6e4d74486e12479bcb7d329e0.png)

2

コードの修正

2020/02/11 07:01

投稿

reo_fukkase
reo_fukkase

スコア50

title CHANGED
File without changes
body CHANGED
@@ -338,7 +338,6 @@
338
338
  font-weight:200;
339
339
  font-size:14px;
340
340
  letter-spacing: 1.5px;
341
- z-index: 1000;
342
341
  }
343
342
  h2{
344
343
  color:#333333;

1

コードの修正

2020/02/11 06:57

投稿

reo_fukkase
reo_fukkase

スコア50

title CHANGED
File without changes
body CHANGED
@@ -257,7 +257,7 @@
257
257
  h2{
258
258
  color:#333333;
259
259
  font-size:28px;
260
- font-weight:540;
260
+ font-weight:500;
261
261
  letter-spacing: 1.5px;
262
262
  text-align: center;
263
263
  width:860px;
@@ -323,6 +323,7 @@
323
323
  .about{
324
324
  height:555px;
325
325
  background-color:#fef5e0;
326
+ overflow: hidden;
326
327
  .about-logo{
327
328
  height:80px;
328
329
  width:80px;
@@ -330,14 +331,51 @@
330
331
  background-color: #ebb94d;
331
332
  border-radius: 50%;
332
333
  text-align: center;
333
- vertical-align: bottom;
334
- margin-bottom: 40px;
334
+ margin-top:-40px;
335
335
  margin-left:auto;
336
336
  margin-right:auto;
337
337
  color: #fff;
338
338
  font-weight:200;
339
339
  font-size:14px;
340
340
  letter-spacing: 1.5px;
341
+ z-index: 1000;
341
342
  }
343
+ h2{
344
+ color:#333333;
345
+ font-size:28px;
346
+ font-weight:500;
347
+ line-height: 40px;
348
+ letter-spacing: 1.5px;
349
+ text-align: center;
350
+ width:860px;
351
+ height:105px;
352
+ margin-bottom:20px;
353
+ margin-left: auto;
354
+ margin-right:auto;
355
+ padding-top:35px;
356
+ position:relative;
357
+ &::before, &::after{
358
+ content:'';
359
+ width:46px;
360
+ height:46px;
361
+ position:absolute;
362
+ }
363
+ &::before{
364
+ border-left:solid 4px #ebb94d;
365
+ border-top:solid 4px #ebb94d;
366
+ top:0;
367
+ left:0;
368
+ }
369
+ &::after{
370
+ border-right:solid 4px #ebb94d;
371
+ border-bottom:solid 4px #ebb94d;
372
+ bottom:0;
373
+ right:0;
374
+ }
375
+ .about-span{
376
+ letter-spacing: 1.7px;
377
+ }
378
+ }
342
379
  }
343
- ```
380
+ ```
381
+ ![イメージ説明](55ae02a9d175dda431005b9c19b84e60.png)