Every site works on phones, tablets and desktops

• Google says it uses the mobile version of a page for indexing and ranking, which it calls mobile-first indexing
• One responsive site replaces a separate mobile site, so there is only one version to keep up to date
• Tailwind's responsive prefixes put phone, tablet and desktop layouts in the same code
• Visitors move between phone and computer, and the site has to work on both

frascati writes every layout for the phone first: it works 375 pixels wide, grids start with one column, and the header collapses into a menu button that opens the full menu. Tailwind's responsive prefixes add columns and space on tablets and desktops. Use the preview to switch between phone, tablet and desktop before you publish.

Do I need separate mobile and desktop versions?

No. frascati builds one site that adapts to the screen. If you want something different on phones, such as a shorter intro, ask in the chat.

How do I check the phone version?

Switch the preview to phone or tablet. After publishing, open the address on your own phone too.

Which breakpoints does frascati use?

Tailwind CSS's standard breakpoints, from sm at 640 pixels to 2xl at 1536 pixels. Layouts start at 375 pixels wide, the width of a small phone.