This is a great design, you are correct small borders at the edges are tricky. And you have nailed it properly.
We can make a few improvements here & there, like instead of repeating ids for each summary type, you can use class to apply style specific to each edge.
Also, for border style for each edge, we can set all borders in the common class, then in respective class hide unnecessary borders.
@SalarSadeghi
Posted
Absolutely right. I will revise that.
Also, there is another point I'd like to mention. There are some ways to use local JSON data in JS file. Which one is the best practice?
@SalarSadeghi The best and easiest way is to use fetch with file path as URL.
Remember to use the complete file path not relative to project directory