Overlapping Calendar Icon & "Events" Text on Resize #45
Description
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.