レスポンシブ画面のみ見えない

PCブラウザサイズでは見えるのに、スマホサイズにすると見えない。

きっと、また自分のやらかしのため、検索でも見つけにくい内容かつ見当たらない。

capture

要素はあるのに見えない状態。

ちょっと切り替えて考える。ある、ということは何かで隠れている。

z-indexでは変化がないということは、要素で…。となると、このメインとなっているコンテンツエリアがかぶせてしまっているのではないかということで、色々背景色を変えてみると、予想通り。

mainのエリアがfooterの上に重なっており、position:relativeで回避（ちょっと解決策はうる覚え）。

間違う人はいないと思いますが、困った時には要素のご確認を。