CSS notes

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;
}

2018 David DiPaola. licensed under CC0 (public domain)