source code width bug fix I hope

This commit is contained in:
Pagwin 2024-11-02 21:14:26 -04:00
parent 51b8f1a65a
commit 55d29eecd4
No known key found for this signature in database
GPG key ID: 81137023740CA260

View file

@ -40,6 +40,7 @@ a:hover {
/*https://pearsonified.com/golden-ratio-typography-intro/*/ /*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/ /*https://grtcalculator.com/*/
max-width: 55em; max-width: 55em;
border-radius: 0.5rem; border-radius: 0.5rem;
/* needed due to being flex itself*/ /* needed due to being flex itself*/
@ -64,6 +65,14 @@ blockquote {
align-items: center; align-items: center;
} }
/* div element with this class can be a bitch so need to select those as well as pre*/
.sourceCode {
max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
width: fit-content;
}
pre { pre {
box-sizing: border-box; box-sizing: border-box;
min-height: 2em; min-height: 2em;
@ -71,10 +80,6 @@ pre {
* previously a cludge of 75 em this is now a cludge of 2 different vendor extensions * previously a cludge of 75 em this is now a cludge of 2 different vendor extensions
* *
* */ * */
max-width: -moz-available;
max-width: -webkit-fill-available;;
max-width: fill-available;
width: fit-content;
overflow:scroll; overflow:scroll;
/*background: #444;*/ /*background: #444;*/
border-radius: 0.5rem; border-radius: 0.5rem;