Skip to main content
Adds code example
Source Link
Codesigner
  • 486
  • 3
  • 7

Many applications build nowadays have a horizontal scroll. Users are used to horizontal scroll, no need to worry about it.

In case your targeted audience not that smart like adults. Make use of screen width value and set tabs width accordingly so that one tab will appear of its half-width.

here is the code done using viewport width(VW) unit.

https://jsbin.com/soxudaticu/edit?html,css,output

Many applications build nowadays have a horizontal scroll. Users are used to horizontal scroll, no need to worry about it.

In case your targeted audience not that smart like adults. Make use of screen width value and set tabs width accordingly so that one tab will appear of its half-width.

Many applications build nowadays have a horizontal scroll. Users are used to horizontal scroll, no need to worry about it.

In case your targeted audience not that smart like adults. Make use of screen width value and set tabs width accordingly so that one tab will appear of its half-width.

here is the code done using viewport width(VW) unit.

https://jsbin.com/soxudaticu/edit?html,css,output

Source Link
Codesigner
  • 486
  • 3
  • 7

Many applications build nowadays have a horizontal scroll. Users are used to horizontal scroll, no need to worry about it.

In case your targeted audience not that smart like adults. Make use of screen width value and set tabs width accordingly so that one tab will appear of its half-width.