How to fix header but not footer with flexbox?

Question

What I tried is:

import Header from \'components/layouts/Header\';
import Footer from \'components/layouts/Footer\';
import \'tailwindcss/tailwind.css\';

typ