レッスン一覧 · レッスン 2／3
Foundations · レッスン 2／3
Responsive Design
One column on phones, four on desktops, using breakpoint prefixes.
1分 コメント0件
Write the mobile layout first, then add prefixes such as md: and lg: for larger screens.
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">...</div>Think mobile first
A class without a prefix applies to every screen size. A prefixed class takes over from that width upward.
ディスカッション
コメントするにはログインしてください。 ログイン
まだディスカッションはありません。最初の質問をしてみましょう。