I have been working on a grid layout using Bootstrap 4's Grid system, and I am aiming for a design similar to the following:
https://i.sstatic.net/sU7kV.png
While I have made significant progress and got almost 100% of it complete, I am facing an issue with the alignment of vertically rotated text overlapping the color grid. To rotate the text, I am utilizing Bootstrap Extensions' content rotate
feature. However, I am struggling to align the labels properly.
https://i.sstatic.net/SkEW7.png
If you'd like to take a look, here is a Codeply fiddle link: