After attempting to place the footer at the bottom, I encountered some strange behavior. I am using mui framework.
I decided to create a simple example page to illustrate how the footer should be positioned.
The code in app.js is as follows:
<>
<Header />
<Divider />
<Container>
<Routes>
<Route path='/main' element={<IndexMain />} />
</Routes>
</Container>
<Footer />
<>
You can find the footer code here
The code for the example page is shown in the picture below:
import React from 'react'
function IndexMain() {
return (
<div>Index</div>
)
}
export default IndexMain
Can anyone help me figure out what I'm doing wrong?