Question 1

Cos'è un breakpoint CSS?

Accepted Answer

Un breakpoint CSS è una larghezza del viewport specifica in cui il layout del sito cambia per adattarsi alle dimensioni dello schermo, definita con media query come @media (min-width: 768px).

Question 2

Quali sono i breakpoint di Tailwind CSS?

Accepted Answer

Tailwind CSS ha 6 breakpoint predefiniti: sm (640px), md (768px), lg (1024px), xl (1280px) e 2xl (1536px).

Question 3

Quali sono i breakpoint di Bootstrap?

Accepted Answer

Bootstrap 5 definisce 6 breakpoint: xs (< 576px), sm (≥ 576px), md (≥ 768px), lg (≥ 992px), xl (≥ 1200px) e xxl (≥ 1400px).

Question 4

Cos'è l'approccio mobile-first?

Accepted Answer

Il design mobile-first consiste nello scrivere prima gli stili per schermi piccoli, poi usare min-width media query per schermi più grandi.

Question 5

Posso definire breakpoint personalizzati?

Accepted Answer

Sì. In Tailwind puoi estendere i breakpoint in tailwind.config.js. Questo strumento permette anche di aggiungere breakpoint personalizzati.

Visualizzatore di Breakpoint

Domande Frequenti

Comments & Feedback