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 …

OAuth 4 Flows

1. Client Credentials Flow(用於機器對機器 M2M 通信) 用法 流程 示例 2. Implicit Flow(已被淘汰) 用法 流程 示例 為什麼淘汰? 👉 解決方案:使用 Authorization Code Flow + PKCE(適用於 SPA 應用)。 3. Authorization Code Flow(適用於 Web …