search

SouthernSERA / southernsera.github.io

https://southernsera.github.io
1 stars 0 forks source link

Nav header overflow when viewport resized #27

Open teohm opened 4 years ago

teohm commented 4 years ago

To reproduce:

  1. Open landing page in Chrome
  2. Resize the width of Chrome browser to smaller, then bigger again.

Expected: the head title and nav links shown as single line

Actual: The head title and nav links overflow into 2 lines

Screenshot 2019-12-22 at 5 58 41 PM
teohm commented 4 years ago

@limgwei Have you thought about using the built-in Flex CSS classes in Bootstrap 4?

https://getbootstrap.com/docs/4.4/utilities/flex/#grow-and-shrink

limgwei commented 4 years ago

Oh ok