I found that I need separate header breakpoints more often than not... And the header logic was linked to the tablet breakpoint. This is a similar naming convention to Clif, which I think makes sense, and is easily readable.
I like keeping it separate from tablet-landscape, so we can adjust it specifically to fit the desktop nav in the designs... for example, I needed COR to be 1100 specifically
In breakpoints, it's header-break
The 2 media queries are when-desktop-header and when-mobile-header
I found that I need separate header breakpoints more often than not... And the header logic was linked to the tablet breakpoint. This is a similar naming convention to Clif, which I think makes sense, and is easily readable.
I like keeping it separate from
tablet-landscape, so we can adjust it specifically to fit the desktop nav in the designs... for example, I needed COR to be1100specificallyIn breakpoints, it's
header-breakThe 2 media queries are
when-desktop-headerandwhen-mobile-headerbased on this issue I made: https://github.com/BKWLD/create-cloak-app/issues/53