Logo breaks layout with increased font size
robinwhittleton opened this issue · comments
WCAG2 1.4.4 says that to hit double-AA text must be able to zoom to 200% of the default size without breaking the site layout. Currently the logo is fixed to 30px which breaks the text when resized:
We should allow the header to grow in size to contain the text, probably by using min-height instead of height. Reported by @selfthinker.
This isn't a WCAG 2 failure in itself, because the text isn't obscured and the contrast between the white text and the blue background is still sufficient. Obviously it would be best practice for the layout not to break.
Fixed by #237 thanks @selfthinker 🎉