How to make d4builds gg friends with 4K

It’s a great site for experimenting with paragon boards, but on large screens with high resolution like 4K the board viewing area is quite small, sits in the middle of the screen and wastes a lot of available space all around. If you want it to look like this:

https://snipboard.io/Mj7UQD.jpg

Use something like the Stylus addon for your browser, and in it create this custom style for d4builds gg:

.app {
    max-width: 100%;
}

.paragon__wrapper {
    height: 1800px;
}

max-width will make the paragon board fill the entire screen horizontally, and height will set its vertical size to exactly 1800 pixels (or whatever value you prefer). I only tested this in Firefox though, but should be fine in Chrome/Edge as well.

Lothrik doesn’t have pretty graphics, but I find it to be better.

Partly because it is more readable due to said lack of graphics and also it has some nice features like being able to easily re-order paragon boards via manually assigned equip indexes. You pull a board on d4build, good luck lol

if its a website wouldnt ctrl+mousewheel adjust zoom of all elements proportionally?

thats what i do when things are too small on a website usually.

The elements will increase in size, but all the wasteful padding / margins won’t go away, meaning the useful paragon board area will still be a small “window” on an otherwise large unoccupied web page.

1 Like
https://lothrik.github.io/diablo4-build-calc

Problem solved