(I thought I’d posted this several weeks ago but it turns out that I left it as a draft by accident, whoops)
This is incredible, at long last I finally fixed my code snippets on the site!!! Check out this article and this article for examples. They now display properly and they also don’t run off the page if they’re too long, being scrollable instead if they’re too long. All I had to do was properly follow this example and change flex-wrap
from wrap
to nowrap
. Simple, but I’m no good at CSS so I consider it an accomplishment. Here’s the css for my center-text
& pre
tags (or just press F12 lol):
/* I have no idea if making a center-test tag was a good idea,
* or if it's better practice to use an existing tag. IDK.
*/
center-text {
display: flex;
flex-flow: column nowrap;
min-height: 90vh;
padding: 20px;
background: var(--dark_clr);
border: solid var(--muted_clr);
margin: 1em;
}
pre {
border: 1px solid var(--main_clr);
border-left: 5px solid var(--main_clr);
font-family: monospace;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
page-break-inside: avoid;
word-wrap: break-word;
}
My troubles have been solved and my site is much better now, I can finally call the style of my site done after it being in an incomplete state for more than a year. I realize also that the site looks a bit weird in Chromium (spacing is strange, better to use Firefox), so I’ll try and fix that too. Expect more site updates in the near future now that my site is cool again.
Look at this, the code scrolls:
echo "incredibly long string of text that will show that my code snippets are working correctly and that everything on the site is now okay. I am very happy about this (but will now go to sleep)"
Site Licensing Site last updated: 2024-09-28