I want to have some sort of dashed border “divider” lines between the columns, one horizontal and one vertical, so it looks sort of like this (but without the gaps of course):
1st | 2nd
3rd | 4th
I believe the best way is to use the CSS ::before and ::after. Attempted some myself but couldn’t get it to work. Digging a bit in browser’s developer tools, it seems Unsemantic added some of its own ::before and ::after styles that may cause some conflicts.
Any idea how to achieve this with the least hassle?