<style scoped>

    .footer {
        position: sticky; 
        bottom: 0;
        max-width: 72rem;
        width: 100%;
        background-color: red;
    }

    .navlist {

        display: flex; gap: 1.2rem; justify-content: center;

    }

</style>

<template>
    <nav class="footer">
        <ul class="navlist">
            <li><NuxtLink to="/">home</NuxtLink></li>
            <li><NuxtLink to="/info">info</NuxtLink></li>
            <li><NuxtLink to="/maker">maker</NuxtLink></li>
            <li><NuxtLink to="/credits">credits</NuxtLink></li>
        </ul>
    </nav>
</template>