質問編集履歴

1

2022/01/30 10:31

投稿

nitori-kun
nitori-kun

スコア62

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  ![幅991px以下](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-30/852b21ee-2dbf-44ad-8390-b11f4042e7f6.png)
8
8
 
9
- ``
9
+ ```
10
10
  <!DOCTYPE html>
11
11
 
12
12
  <html lang="en">
@@ -15,7 +15,7 @@
15
15
 
16
16
  <meta charset="utf-8"/>
17
17
  <title>わたしたちについて</title>
18
- <link rel="stylesheet" href="style.css" type="text/css"> <!--これなんだ?-->
18
+ <link rel="stylesheet" href="style.css" type="text/css">
19
19
 
20
20
  <style>
21
21
 
@@ -27,17 +27,17 @@
27
27
  margin-top: 50px;
28
28
  padding: 0 10vw;
29
29
  }
30
- .Ourvision_title p {/*元のスキマは、「p」タグのデフォルトスタイルに「margin-block-end: 1em;」が付いてため、「font-size: 40px」によって出来たマージン*/
30
+ .Ourvision_title p {
31
31
  font-size: 40px;
32
32
  font-weight: bold;
33
33
  text-align: left;
34
34
  padding: 0;
35
35
  /*margin-top: 30px;*/
36
36
  }
37
- .Ourvision_title p:first-child {/*20211215 terateil参照*/
37
+ .Ourvision_title p:first-child {
38
38
  margin-block-end: -40px;
39
39
  }
40
- .Ourvision_title p:last-child {/*20211215 terateil参照*/
40
+ .Ourvision_title p:last-child {
41
41
  margin-block-end: -10px;
42
42
  }
43
43
  .Ourvision_title span {
@@ -56,17 +56,17 @@
56
56
  display: flex;
57
57
  justify-content: center;
58
58
  }
59
- .Ourvision_img1 img{/*.Aboutusがダメだった、入れ子状態にするのがいいのか???*/
59
+ .Ourvision_img1 img{
60
60
  width: 300px;
61
61
  height: 200px;
62
- margin-right: 10px;/*中央に寄せ過ぎたくない*/
62
+ margin-right: 10px;
63
63
  }
64
64
  .Ourvision_textbox1{
65
- margin-left: 10px;/*中央に寄せ過ぎたくない*/
65
+ margin-left: 10px;
66
- padding-top: 40px;/*強引に中央寄せ*/
66
+ padding-top: 40px;
67
67
  }
68
68
  .Ourvision_textbox1 p{
69
- font-size: 18px;/*この大きさは画面の大きさに依存しなくてもするようにしてもいいね*/
69
+ font-size: 18px;
70
70
  line-height: 18px;
71
71
  font-weight: bold;
72
72
  color: red;
@@ -77,17 +77,17 @@
77
77
  display: flex;
78
78
  justify-content: center;
79
79
  }
80
- .Ourvision_img2 img{/*.Aboutusがダメだった、入れ子状態にするのがいいのか???*/
80
+ .Ourvision_img2 img{
81
81
  width: 300px;
82
82
  height: 210px;
83
- margin-left: 10px;/*中央に寄せ過ぎたくない*/
83
+ margin-left: 10px;
84
84
  }
85
85
  .Ourvision_textbox2{
86
- margin-left: 10px;/*中央に寄せ過ぎたくない*/
86
+ margin-left: 10px;
87
- padding-top: 40px;/*強引に中央寄せ*/
87
+ padding-top: 40px;
88
88
  }
89
89
  .Ourvision_textbox2 p{
90
- font-size: 18px;/*この大きさは画面の大きさに依存しなくてもするようにしてもいいね*/
90
+ font-size: 18px;
91
91
  line-height: 18px;
92
92
  font-weight: bold;
93
93
  color: red;
@@ -101,21 +101,21 @@
101
101
  .Ourvision_set1{
102
102
  display: block;
103
103
  }
104
- .Ourvision_img1 img{/*.Aboutusがダメだった、入れ子状態にするのがいいのか???*/
104
+ .Ourvision_img1 img{
105
105
  width: 250px;
106
106
  height: 167px;
107
- display: block;/*これもblock要素とする。この理由何??*//*https://it-kyujin.jp/article/detail/1705/*/
107
+ display: block;
108
108
  margin: auto;
109
109
  margin: auto;
110
110
  }
111
111
  .Ourvision_textbox1 p{
112
- font-size: 16px;/*この大きさは画面の大きさに依存しなくてもするようにしてもいいね*/
112
+ font-size: 16px;
113
- margin-left: 10px;/*中央に寄せ過ぎたくない*/
113
+ margin-left: 10px;
114
114
  line-height: 18px;
115
115
  font-weight: bold;
116
116
  color: red;
117
117
 
118
- display: flex;/*中央寄せする*/
118
+ display: flex;
119
119
  justify-content: center;
120
120
  align-items: center;
121
121
 
@@ -125,21 +125,21 @@
125
125
 
126
126
   position: relative;
127
127
  }
128
- .Ourvision_img2 img{/*.Aboutusがダメだった、入れ子状態にするのがいいのか???*/
128
+ .Ourvision_img2 img{
129
129
  width: 250px;
130
130
  height: 175px;
131
- display: block;/*これもblock要素とする。この理由何??*//*https://it-kyujin.jp/article/detail/1705/*/
131
+ display: block;
132
132
  margin: auto;
133
133
  margin: auto;
134
134
  }
135
135
  .Ourvision_textbox2 p{
136
- font-size: 16px;/*この大きさは画面の大きさに依存しなくてもするようにしてもいいね*/
136
+ font-size: 16px;
137
- margin-right: 10px;/*中央に寄せ過ぎたくない*/
137
+ margin-right: 10px;
138
138
  line-height: 18px;
139
139
  font-weight: bold;
140
140
  color: red;
141
141
 
142
- display: flex;/*中央寄せする*/
142
+ display: flex;
143
143
  justify-content: center;
144
144
  align-items: center;
145
145
  }