Open2
TailwindCSS

スマホ、タブレット対応
スマホ、タブレット対応するために、以下をtailwind.config.jsに追加する。
height: {
screen: ["100vh", "100dvh"],
},
minHeight: {
screen: ["100vh", "100dvh"],
},
maxHeight: {
screen: ["100vh", "100dvh"],
},
これでスマホ・タブレットの高さに対応できる。

tailwindcss-intersect
画面に要素が表示されたタイミングで発火する。