### Responsive Navbar

- [tutorial](https://www.notimedad.dev/responsive-navbar-tailwind-react/#Products)

### Custom Tailwind React button

- [tutorial](https://www.luckymedia.dev/blog/creating-a-reusable-button-component-with-react-and-tailwind)

### Custom fonts Tailwind

- youtube [tutorial](https://www.youtube.com/watch?v=sOnBG2wUm1s)

### Loader animation

- [tutorial](https://blog.hubspot.com/website/css-loading-animation), [Codepen](https://codepen.io/Bilal1909/pen/pobgJae), no, must use tailwind.config.js for animations
- Spinner Flowbite [examples](https://flowbite.com/docs/components/spinner/)
- use placeholder navbar div so layout content can have real 100% min-height, recalculate min-height on layout content child (Spinner container) subctract padding-y, all vars and calc is in globals.scss

### Responsive font

- just set `text-sm xs:text-base` in tw-base layer
- all width/height are in rem, scales all content
