Overlapping Calendar Icon & "Events" Text on Resize

[snohio]

Overlapping Calendar Icon & "Events" Text on Resize

User Story

As a UX QA developer, I want the header calendar icon and "Events" text to remain visually separate from the "Orlando Devs" text when resizing the page, so that the header remains readable and professional at all screen sizes.

Tasks

• Prevent the calendar icon and "Events" text from overlapping the "Orlando Devs" text when resizing the page
• Ensure header elements either stay proportionally apart or disappear responsively
• Test header on various screen sizes for visual consistency

Extra Notes

Expected behavior: When resizing the page, text stays proportionally apart, or disappears—there is no overlapping font.