应用程序js

function App() {
  return (
    <div className="sm:text-center">
      <h1>
        Hello
      </h1>
    </div>
  
  );
}

export default App;

顺风.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [],
  presets: [],
  darkMode: 'media', // or 'class'
  theme: {
    screens: {
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px',
    },

我希望文本在默认情况下是左对齐的，在640 px及以上的屏幕上，文本应该居中。但是，文本仍然保持左对齐。我在index.html文件中有html meta标记用于响应。
任何帮助都是感激不尽的！