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

回答編集履歴

2

説明追記

2020/02/05 04:34

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -9,4 +9,11 @@
9
9
  max-width: calc(50% - 30px);
10
10
  }
11
11
  ```
12
- bootstrapの `.col-6` には `max-width: 50%;`が設定されているので、左右マージン分(15px*2)マイナスしておく。
12
+ bootstrapの `.col-6` には `max-width: 50%;`が設定されているので、左右マージン分(15px*2)マイナスしておく。
13
+
14
+ 補足
15
+ ---
16
+ > CSSリセットは以下のものを使用しています
17
+
18
+ bootstrap自体が独自のcssリセットを持っているので、不必要かと。
19
+ 逆に不具合の原因になりそうです。

1

タイプミス修正

2020/02/05 04:34

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,4 +1,4 @@
1
- `.purpose-card`の中に divブロックを入れてそれに border を設定するというのが、bootstrap を活かし設計だと思いますが、現状のHTMLのままやるなら、
1
+ `.purpose-card`の中に divブロックを入れてそれに border を設定するというのが、bootstrap を活かし設計だと思いますが、現状のHTMLのままやるなら、
2
2
 
3
3
  ```css
4
4
  .purpose-card {