Screen Not Capturing Full Width

[Nandanikirtani]

🐞 Bug Title

Navbar or content area is not utilizing the full screen width

📄 Description

Some sections/components are not expanding to the full width of the screen, causing layout inconsistencies or unwanted padding/margin. This is especially visible on larger screens or certain routes.

🔍 Steps to Reproduce

1. Go to [relevant page/route]
2. Observe the layout on desktop or wider screen
3. Notice the content does not span full width

📱 Screenshots

✅ Acceptance Criteria

• Layout should span the full width (e.g., w-full, max-w-screen, etc.)
• No extra margin or padding causing visual gaps
• Responsive behavior must be preserved

💡 Suggested Solution

• Use w-full, max-w-[100vw], or container mx-auto with proper responsive classes
• Ensure no parent wrapper has fixed width like max-w-screen-md unless intentional
• Check Tailwind spacing/margin on body, main, or outer wrappers

🙏 Additional Notes

• Could also be affected by max-width or nested containers
• Check layout padding/margin if applied conditionally (e.g., only on lg screens)

[Nandanikirtani]

Assign this issue to me