cmints / website

Website for CMintS

https://cmints.io/

MIT License

1 stars 2 forks source link

Fix broken header on mobile and remove the background of the hamburger menu #8

Closed Manvel closed 6 years ago

Manvel commented 6 years ago

How to reproduce?

Navigate to https://cmints.io/en/documentation in chrome
Open development toolbar
And set Galaxy S5 as the devide
Observe

observed behavior

The header is broken see image

expected behavior

The header takes 100% of width

Note

This is not reproducible on all devices

Bonus fix

The hamburger menu shouldn't have dark background

Manvel commented 6 years ago

The issue is related to the CSS grid. The pre tag is trying to fill all available space, the easiest fix looks to be to use min-width: 0; on all cells to prevent that behavior.