pirojok_yoyo

Можно задать border на весь header, а на лого повесить position:relative и zindex

юзаешь triangle.designyourcode.io делаешь треугольник на псевдоэлементе, делаешь его на абсолюте задаешь ему top50% left50% transform: translateXY(-50%,-50%); вуаля он по центру всегда, нуатам уже медиазапросами уменьшишего на маленьких экранах