Адаптивное поведение Tailwind CSS в приложении nextjs ⇐ CSS

[Anonymous]

Я новичок в Tailwind CSS. Я создаю пользовательский интерфейс приложения nextjs, запуская «сначала мобильные устройства», как и все остальные. Направление гибкости, цвет фона работают на экране мобильного телефона. Таким образом, Tailwind CSS правильно импортирует приложение nextjs. При изменении размера экрана не меняйте направление гибкости или цвет фона панели навигации.
Код навигационной панели приведен ниже:
export default function Home() {
return (


Tailwind CSS Tutorial









W3Learn

HTML
CSS
JS





)
}

Конфигурация попутного ветра приведена ниже:
module.exports = {
mode: "jit",
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: false,
theme: {
extend: {},
screens: {
},
},
variants: {
extend: {},
},
plugins: [],
}


Подробнее здесь: https://stackoverflow.com/questions/681 ... nextjs-app