0xdd/note/web/css/

home

mobile-izing a page

"everything looks tiny"

use the viewport meta tag in the page's HTML code

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

"tables look messed up"

put <table>s in a <div class="scroll-horizontal"> then use the following CSS:

.scroll-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}