Half Pixel Lines on HiDPI Screens

on CSS

In a recent project, the design called for 0.5px borders on table rows, but not in the header. The general idea is, so add a pseudo element as our border (adjust your padding accordingly), and on HiDPI screens, scale it down to half its size, and make twice the width to fill the space. Take this markup: <table> <tr> <th>Lorem</th& ...