How that thing is done on mantine.dev website?

mantine.dev website

Mantine documentation website is built with Next.js and Mantine. You can find the source code of the website in the repository. If you are interested how specific part of the website is implemented, you can browse the source code and learn from it.

How can I build the same footer?

• Give footer fixed position with position: fixed and bottom: 0 properties.
• Create a div element that will contain all content except footer.
• Set min-height: 100vh on the content container to make sure that footer is always under by the content.
• Make sure that your content container has background color.
• Done! You have a footer at the bottom of the page.