~taavi/taavi.wtf

90792c560140d7fa1304bcb91f1fdee1031b9fc6 — Taavi Väänänen 7 months ago 865008f
improve mobile layout with large code blocks
1 files changed, 6 insertions(+), 4 deletions(-)

M themes/castor/assets/css/styles.css
M themes/castor/assets/css/styles.css => themes/castor/assets/css/styles.css +6 -4
@@ 89,9 89,7 @@ a:not(.nav-item):hover {
}

.container {
  padding: 16px;

  max-width: 100vw;
  padding: 16px 0;

  display: grid;
  grid-template-columns: 1fr 1fr 10px 740px 10px 1fr 1fr;


@@ 99,7 97,7 @@ a:not(.nav-item):hover {

@media (max-width: 800px) {
  .container {
    grid-template-columns: 10px 0 10px 1fr 10px 0 10px;
    grid-template-columns: 10px 0 10px calc(100vw - 40px) 10px 0 10px;
  }
}



@@ 111,6 109,10 @@ a:not(.nav-item):hover {
  width: 100%;
}

.container > .highlight pre {
  overflow-x: auto;
}

div.img-caption {
  text-align: center;
  font-style: italic;