You can make the UI cleaner by reducing or removing scrollbars using the scrollbar-width property

Example of a thin scrollbar :

ul {
  scrollbar-width: thin;
}

Example of a hidden scrollbar (the area remains scrollable):

.cards-container {
  scrollbar-width: none;
}

Suitable for sidebars, data tables, chat panels, dashboards with lots of scrolls, carousels, touch interfaces.

As a result, the scroll works, but the UI looks neater.


💎 @Htmlcss_channels | #css #JavaScript #HTML