I'm facing an issue with adding a background image to my project
Even after trying to add it globally, the background image is not showing up on the Next.js index page.
import { Inter } from 'next/font/google'
const inter = Inter({ subsets: ['latin'] })
export default function index() {
return (
<div className="myindex">
dcmkl
</div>
)
}
This problem might be in the global.css file.
Can anyone help me troubleshoot this?
.myclass{
height: 1000px;
width: 1000px;
background-image: url('./pexels-johannes-plenio-1103970.jpg');
}