Tailwind Grid
🔍common device resolutions Prefix Min Width CSS sm 40rem (640px) @media (width >= 40rem) { … } md 48rem (768px) @media (width >= 48rem) { … } lg 64rem (1024px) @media (width >= …
Tailwind Flex
block-level elements：<div>, <p>, <h1>-<h6>, <section>, <article> inline-level elements:<span>, <a>, <strong>, <em> block-level elements: one below other block-level elements (default) <div> <div class=”quote”>…</div> <div class=”quote”>…</div> <div class=”quote”>…</div> </div> <div class=”flex”> <div …