Cp/bug/hero buttons mobile

[proiacm]

Description 💻

Resolves: #137

Implementation 💡

fixes gap between product hero and drop down on mobile view fixes gap between nav and Brands hero hides secondary button on mobile view on Products and Brands

Reference ticket for bug demo

Type of change

• [x] Bug fix
• [ ] New feature

How to test 🔍

• npm i
• npm run dev
• navigate to http://localhost:3000/
• switch to mobile view
• click on Products
• verify spacing between hero and drop down matches comps, verify secondary button is hidden (but displays on all larger screens)
• Click on Brands
• verify gap between nav and hero is gone, verify secondary button in hidden (but displays on all larger screens)

Screenshots/Demos 📷

Checklist ✅

• [x] Changes have been thoroughly tested
• [x] I have looked over the diffs
• [x] I have moved the Github ticket on the board
• [x] I have requested a review of this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

| Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **sofo-foods** | ⬜️ Ignored ([Inspect](https://vercel.com/sofo-foods/sofo-foods/4yeUmw4biMpsAHYNb4zBVxGt3y9f)) | [Visit Preview](https://sofo-foods-git-cp-bughero-buttons-mobile-sofo-foods.vercel.app) | | Oct 24, 2024 2:53pm |