Wide screen support

[RichiH]

I am currently evaluating Hugo themes. Doks is on my shortlist, but I will only choose a theme that has wide-screen support (and supports non-JS browsing through w3m & screen readers, which Doks does an OK job at already).

While this is an extreme example, it shows the problem nicely at 5120x1440:

[h-enk]

Hi @RichiH, thanks for checking out Doks!

Doks uses Bootstrap 5, so you can easily customize breakpoints + container widths in ./assets/scss/common/_variables.scss.

Breakpoint defaults:

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

Container width defaults:

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
);

Hope this helps!

[RichiH]

Nice, thanks!