Bookmark Landing Page | React, Vite, Tailwind

Without the figma file, I had difficulty on deciding the maximum width of the container, padding(top & bottom), and margin(top & bottom) of a section.

I'm not sure on my approach in implementing the desktop navigation and mobile navigation.

What are the best practices in the spacing of sections, and container? do I use max-width and margin? or margin, max-width+padding?

Feel free to check and have a feedback. Thank you!