質問編集履歴

3

コードと画像の変更

2020/02/11 07:01

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -678,6 +678,8 @@
678
678
 
679
679
  letter-spacing: 1.5px;
680
680
 
681
+ z-index: 1000;
682
+
681
683
  }
682
684
 
683
685
  h2{
@@ -698,7 +700,7 @@
698
700
 
699
701
  height:105px;
700
702
 
701
- margin-bottom:20px;
703
+ margin-top: 40px;
702
704
 
703
705
  margin-left: auto;
704
706
 
@@ -756,4 +758,4 @@
756
758
 
757
759
  ```
758
760
 
759
- ![イメージ説明](55ae02a9d175dda431005b9c19b84e60.png)
761
+ ![イメージ説明](262b1eb6e4d74486e12479bcb7d329e0.png)

2

コードの修正

2020/02/11 07:01

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -678,8 +678,6 @@
678
678
 
679
679
  letter-spacing: 1.5px;
680
680
 
681
- z-index: 1000;
682
-
683
681
  }
684
682
 
685
683
  h2{

1

コードの修正

2020/02/11 06:57

投稿

reo_fukkase
reo_fukkase

スコア50

test CHANGED
File without changes
test CHANGED
@@ -516,7 +516,7 @@
516
516
 
517
517
  font-size:28px;
518
518
 
519
- font-weight:540;
519
+ font-weight:500;
520
520
 
521
521
  letter-spacing: 1.5px;
522
522
 
@@ -648,6 +648,8 @@
648
648
 
649
649
  background-color:#fef5e0;
650
650
 
651
+ overflow: hidden;
652
+
651
653
  .about-logo{
652
654
 
653
655
  height:80px;
@@ -662,9 +664,7 @@
662
664
 
663
665
  text-align: center;
664
666
 
665
- vertical-align: bottom;
666
-
667
- margin-bottom: 40px;
667
+ margin-top:-40px;
668
668
 
669
669
  margin-left:auto;
670
670
 
@@ -678,8 +678,84 @@
678
678
 
679
679
  letter-spacing: 1.5px;
680
680
 
681
+ z-index: 1000;
682
+
683
+ }
684
+
685
+ h2{
686
+
687
+ color:#333333;
688
+
689
+ font-size:28px;
690
+
691
+ font-weight:500;
692
+
693
+ line-height: 40px;
694
+
695
+ letter-spacing: 1.5px;
696
+
697
+ text-align: center;
698
+
699
+ width:860px;
700
+
701
+ height:105px;
702
+
703
+ margin-bottom:20px;
704
+
705
+ margin-left: auto;
706
+
707
+ margin-right:auto;
708
+
709
+ padding-top:35px;
710
+
711
+ position:relative;
712
+
713
+ &::before, &::after{
714
+
715
+ content:'';
716
+
717
+ width:46px;
718
+
719
+ height:46px;
720
+
721
+ position:absolute;
722
+
723
+ }
724
+
725
+ &::before{
726
+
727
+ border-left:solid 4px #ebb94d;
728
+
729
+ border-top:solid 4px #ebb94d;
730
+
731
+ top:0;
732
+
733
+ left:0;
734
+
735
+ }
736
+
737
+ &::after{
738
+
739
+ border-right:solid 4px #ebb94d;
740
+
741
+ border-bottom:solid 4px #ebb94d;
742
+
743
+ bottom:0;
744
+
745
+ right:0;
746
+
747
+ }
748
+
749
+ .about-span{
750
+
751
+ letter-spacing: 1.7px;
752
+
753
+ }
754
+
681
755
  }
682
756
 
683
757
  }
684
758
 
685
759
  ```
760
+
761
+ ![イメージ説明](55ae02a9d175dda431005b9c19b84e60.png)