1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 | body { font-family: monospace; font-size: 11pt; position: relative; max-width: 750px; width: 100%; margin: 0 auto; } #page-all { margin: 0 auto; padding: 16px 8px 8px; } #navbar { overflow: hidden; padding-bottom: 16px; } div.inline>div { display: inline-block; margin-right: 8px; } div.left { float: left; } div.right { float: right; } .items { display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; } .item { width: 33%; } a.item-link { color: inherit; text-decoration: none; } .description { display: flex; flex-direction: row; flex-wrap: wrap; } .description-column { width: 50%; } @media only screen and (min-width: 757px) { .info { padding-left: 16px; } } @media only screen and (max-width: 756px) { .item { width: 50%; } .description-column { width: 100%; } } img { max-width: 100%; } .item>div { padding: 10px 10px; } |