質問編集履歴

5

html css 現在の写真変更

2020/03/10 13:03

投稿

shinpachi
shinpachi

スコア44

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,9 @@
6
6
 
7
7
  <div class="container">
8
8
 
9
+ <!-- <div class="d-flex flex-column text-center"> -->
10
+
9
- <div class="d-flex flex-column text-center"> (▶︎こちらかと思います◀︎)
11
+ <div class="d-flex flex-column text-center">
10
12
 
11
13
  <!-- d-flex 指定 column縦並べ-->
12
14
 
@@ -17,6 +19,8 @@
17
19
  <h1 class="font-blue display-3 font-weight-bold">HarborS for Beginner</h1>
18
20
 
19
21
  <h3 class="font-blue display-5 mb-5 font-weight-bold">駆け出しエンジニア向けコワーキングスペース</h3>
22
+
23
+
20
24
 
21
25
  <div class="home-text">
22
26
 
@@ -62,41 +66,11 @@
62
66
 
63
67
 
64
68
 
65
- ```css
66
-
67
- .home {
68
-
69
- background-color: #E4F9FF;
70
-
71
- }
72
-
73
- .home-text {
74
-
75
- list-style-position: inside; /* li要素の・を引き寄せる */
76
-
77
- }
78
-
79
- .aaaaa {
80
-
81
- margin:0 0 0 auto;
82
-
83
- }
84
-
85
- ```
86
-
87
-
88
-
89
-
90
-
91
69
 
92
70
 
93
71
  ![![イメージ説明](cf85951257f52314b12623edbac639ab.png)
94
72
 
95
- ![イメージ説明](cc2be64751ac8e1d210fa5b8defbcbae.png)
96
-
97
- ![イメージ説明](9f36058d8b75d475db2fa56d3e37b7f6.png)
98
-
99
- ![イメージ説明](ff47b7ae9d667c87ef0f8e2d29eae2d8.png)
73
+ ![イメージ説明](907eeaececf437cc60c0b60cd47aa702.png)
100
74
 
101
75
 
102
76
 

4

調整

2020/03/10 13:03

投稿

shinpachi
shinpachi

スコア44

test CHANGED
File without changes
test CHANGED
@@ -1,10 +1,12 @@
1
+ ```html
2
+
1
- ``![イメージ説明](0ac75c7b2260dea49e1d26d77f136eb5.png)<div class="home">
3
+ <div class="home">
2
4
 
3
5
  <!-- <div class="container-fluid"> -->
4
6
 
5
7
  <div class="container">
6
8
 
7
- <div class="d-flex flex-column text-center">
9
+ <div class="d-flex flex-column text-center"> (▶︎こちらかと思います◀︎)
8
10
 
9
11
  <!-- d-flex 指定 column縦並べ-->
10
12
 
@@ -15,8 +17,6 @@
15
17
  <h1 class="font-blue display-3 font-weight-bold">HarborS for Beginner</h1>
16
18
 
17
19
  <h3 class="font-blue display-5 mb-5 font-weight-bold">駆け出しエンジニア向けコワーキングスペース</h3>
18
-
19
-
20
20
 
21
21
  <div class="home-text">
22
22
 
@@ -60,6 +60,8 @@
60
60
 
61
61
 
62
62
 
63
+
64
+
63
65
  ```css
64
66
 
65
67
  .home {
@@ -88,7 +90,7 @@
88
90
 
89
91
 
90
92
 
91
- ![![イメージ説明](cf85951257f52314b12623edbac639ab.png)]
93
+ ![![イメージ説明](cf85951257f52314b12623edbac639ab.png)
92
94
 
93
95
  ![イメージ説明](cc2be64751ac8e1d210fa5b8defbcbae.png)
94
96
 

3

調整

2020/03/09 11:06

投稿

shinpachi
shinpachi

スコア44

test CHANGED
File without changes
test CHANGED
@@ -84,6 +84,10 @@
84
84
 
85
85
 
86
86
 
87
+
88
+
89
+
90
+
87
91
  ![![イメージ説明](cf85951257f52314b12623edbac639ab.png)]
88
92
 
89
93
  ![イメージ説明](cc2be64751ac8e1d210fa5b8defbcbae.png)
@@ -91,6 +95,10 @@
91
95
  ![イメージ説明](9f36058d8b75d475db2fa56d3e37b7f6.png)
92
96
 
93
97
  ![イメージ説明](ff47b7ae9d667c87ef0f8e2d29eae2d8.png)
98
+
99
+
100
+
101
+
94
102
 
95
103
  1枚目がデザインになり、2枚目の方が現状作成中のLPになります。
96
104
 

2

写真の追加

2020/03/09 11:02

投稿

shinpachi
shinpachi

スコア44

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,4 @@
1
- ```html
2
-
3
- <div class="home">
1
+ ``![イメージ説明](0ac75c7b2260dea49e1d26d77f136eb5.png)<div class="home">
4
2
 
5
3
  <!-- <div class="container-fluid"> -->
6
4
 
@@ -92,6 +90,8 @@
92
90
 
93
91
  ![イメージ説明](9f36058d8b75d475db2fa56d3e37b7f6.png)
94
92
 
93
+ ![イメージ説明](ff47b7ae9d667c87ef0f8e2d29eae2d8.png)
94
+
95
95
  1枚目がデザインになり、2枚目の方が現状作成中のLPになります。
96
96
 
97
97
  そこで質問があるのですが、1枚目のようにli要素の頭揃えが出来なく困っております。

1

写真の追加

2020/03/09 10:37

投稿

shinpachi
shinpachi

スコア44

test CHANGED
File without changes
test CHANGED
@@ -90,7 +90,7 @@
90
90
 
91
91
  ![イメージ説明](cc2be64751ac8e1d210fa5b8defbcbae.png)
92
92
 
93
-
93
+ ![イメージ説明](9f36058d8b75d475db2fa56d3e37b7f6.png)
94
94
 
95
95
  1枚目がデザインになり、2枚目の方が現状作成中のLPになります。
96
96