Responsive Layout Revamp Needed -- 3

I want to give my portfolio site—https://sachinpal121.netlify.app/—a cleaner, more logical flow and, above all, rock-solid responsiveness on mobile and tablet. The colour palette and images can stay exactly as they are; what bothers me is how the sections stack, the spacing, and the way some elements break at smaller breakpoints. You’ll start by auditing each page, then reorder or resize sections so the narrative reads naturally from top to bottom on any screen width. Grid/Flexbox, modern CSS media queries, and lightweight JavaScript (only where truly necessary) are perfectly fine; please avoid heavy frameworks unless you have a compelling reason. Acceptance criteria • Every page passes Google Chrome DevTools responsive tests for widths down to 320 px and up to standard tablet sizes without horizontal scrolling. • Headings, cards, and button groups remain consistently aligned after the restructure. • All edits are delivered as clean, well-commented HTML/CSS/JS (or in my existing stack, if you identify it and prefer working directly there). • A brief README explains what you changed and where, so I can pick up maintenance myself later. Send over a quick outline of how you would tackle the restructure and an estimate of the time you’ll need, and we can get started.