With Nextron, I was able to successfully run my code, but upon opening the window, I noticed that the body tag had a margin of 8px. Although I managed to change this using the dev tools, I am unsure how to permanently apply this change in my code. When attempting to add it to any of the module.css files, an error is returned. Similarly, creating a global.css file seems to be ignored. How can I properly configure the window with global styles?
_app.js :
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
global.css:
* {
margin: 0;
padding: 0;
}
html,
body {
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
"Arial", sans-serif;
padding: 20px 20px 60px;
max-width: 680px;
margin: 0;
}
a {
color: inherit;
}