The article is using CSS "pixels," which are meant to reflect the size of one pixel on a 96-dpi desktop display, not device pixels. If you're using any kind of UI scaling, the width the CSS layout sees will be reduced accordingly.
Scaling the layout up to a 27-32" 4k screen makes sense for some web applications, but it's not obvious how to do it for common text layouts.