Skip to content

Instantly share code, notes, and snippets.

// ##################################################################################################################
// For use on Google Sheets
//
// We are using the "all" sheets version of this script (designated in the UI). This will
// provide us three tiers of sorting data for the JSON blob. You may experience a JS alert
// error - haven't found an answer for that yet, but the script still runs for the time being.
//
// *** NAMING NOTE***
// Column header names will be used for JSON keys. As such, names should conform to lowercase,
// whitespace-less, and descriptive.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css_grid_layout_demo</title>
<style media="screen">
.Grid {
/* create a grid container */
display:grid;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css_grid_layout_test</title>
<style media="screen">
body {
margin: 20px;
font: normal 16px/1.4 sans-serif;
background: floralwhite;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css grid layout test</title>
<style media="screen">
body {
margin: 20px;
font: normal 16px/1.4 sans-serif;
background: floralwhite;