The Page header component has been created using sections to mimic how it might be implemented, there are top, middle & bottom sections each split into left and right.
The section widths are often split 50/50, however the right middle section is often 'fill-width' so that components like badges arrange themselves next to the title.
There is a drop shadow on the bottom edge.
On smaller screens items stack in order from left to right and top to bottom. (like western reading pattern)
The Page header component has been created using sections to mimic how it might be implemented, there are top, middle & bottom sections each split into left and right.
The section widths are often split 50/50, however the right middle section is often 'fill-width' so that components like badges arrange themselves next to the title.
There is a drop shadow on the bottom edge.
On smaller screens items stack in order from left to right and top to bottom. (like western reading pattern)
Zeplin Link: https://zpl.io/qyBk38Z