codepenで試した結果は仕様通りなのに、実際の作業では異なる結果になる。うーん。
書いたCSSではちゃんと動かないはずなんだけど、なぜか動いていて、CodePenで試すとちゃんと動いてない。
気持ち悪い。動いてるから良いだろでリリースすると、後でしっぺ返し来るやつ。
うーん、FirefoxでもChromeでも実機でもちゃんと動いてしまうな。CSSなんも分からん。
開発者ツールで当たっているスタイルとその定義を見る限り、当たるはずのスタイルが当たらない（当たらないのが希望だが、当たらない定義を書いていないので当たるはずの状態）
うーん、わからん。とりあえず認識されないけど保険の定義も書いてリリースするか。
フォロー
CSS分からん
.item {
margin: 40px auto 30px;
}
.item:first-child {
margin: 40px 0 30px;
}
@media (max-width: 767px){
.item:first-child {
margin: 40px auto 30px;
}
}
PCの1番目だけ左寄せにしたかったのだが、mediaクエリを書かなくてもスマホでは.item:first-childを認識してくれなくて、結果的にやりたい見た目になっている。謎。
CSS分からん
@[email protected] @[email protected] autoは親要素がブロック要素で幅が決まってないと効かないからなんかそういうとこかな？とか思ったりした