saucy/app/assets/stylesheets/application.css

/* Application styles */

body {
  max-width: 1000px;
  margin: 0 auto;
}

table {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 20px 0;
  width: calc(100% - 42px);
}

td, th { padding: 10px; text-align: left; }

table.zebra tr:nth-child(2n) { background-color: #eee; }
table.lined tr:nth-child(n + 2) td { border-top: 1px solid #eee; }

ul {
  padding-left: 5px;
  margin: 0;
}

li { padding: 5px 0px; }

table.noborder { border: 0; margin: 0; }

nav ul { display: flex; flex-wrap: wrap; padding: 10px; list-style-type: none; gap: 20px; }
nav ul li { margin: 0; padding: 0; }