Merge notes: No dependencies to any other PR, can be merged as is.
Description
The purpose of this change is to update the header overall to be more responsive. When redesigning the homepage, I noticed the header could be more responsive.
Adjusted title text size based on breakpoints instead of user device to prevent text wrapping,
Height of header reduces more gradually to make the transition more smooth into mobile sizes.
Increased line height slightly to provide extra margin between title and the search bar.
Screenshots
All pictures are in decrementing widths.
Before
After
Type of change
[X] Bug fix (non-breaking change which fixes an issue)
How Has This Been Tested?
Mostly CSS changes, so tested with manual testing.
Merge notes: No dependencies to any other PR, can be merged as is.
Description
The purpose of this change is to update the header overall to be more responsive. When redesigning the homepage, I noticed the header could be more responsive.
Screenshots
All pictures are in decrementing widths.
Before
After
Type of change
How Has This Been Tested?
Mostly CSS changes, so tested with manual testing.