Flexbox has become my favorite way to center an element on a page.You wrap an item in a div, and you set display: flex and justify-content: center.<div class="wrapper"> ... </div> .wrapper { display: flex; justify-content: center; } Using Tailwind CSS it’s easier, all you ...
{ + "@types/node": "^18.11.18", + "@types/react": "^18.0.26", + "autoprefixer": "^10.4.13", + "eslint": "^8.30.0", + "postcss": "^8.4.21", + "tailwindcss": "^3.2.4", + "typescript": "^5.0.0" + } +} diff --git a/pages/_app.mdx b/pages/_app.mdx...
document.getElementById('root') as HTMLElement ); const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement) root.render( <React.StrictMode> <App /> </React.StrictMode> ); // If you want to start measuring performance in your app, pass a function // to log resu...