Link to article: Project Isorropia Vol 1.
@supports (display:grid) {
@media only screen and (max-width:880px) {
#page-content table tr {
display:grid;
grid-template-areas:
"one two"
"result result";
grid-template-columns:1fr 1fr;
margin-bottom:1rem;
}
#page-content table tr > *:nth-child(1) {grid-area:one}
#page-content table tr > *:nth-child(2) {grid-area:two}
#page-content table tr > *:nth-child(3) {grid-area:result}
#page-content table tr > td {
padding:.75em;
font-size:1.05em;
}
#page-content table tr:first-child {display:none}
#page-content table tr > *:nth-child(1),
#page-content table tr > *:nth-child(2) {
border-bottom-width:0;
}
#page-content table tr > *:nth-child(2) {
border-left-width:0;
}
#page-content table tr > *:nth-child(1)::before,
#page-content table tr > *:nth-child(2)::before {
display:flex;
box-sizing:border-box;
width:100%;
content:'SCP Designation';
align-items:center;
justify-content:center;
font-weight:bold;
font-size:85%;
background-color:#eee;
padding:.75em;
margin-bottom:.35rem;
}
#page-content table tr > *:nth-child(3) {
position:relative;
padding-left:7.35rem;
min-height:3rem;
}
#page-content table tr > *:nth-child(3)::before {
display:flex;
position:absolute;
left:.75em;
box-sizing:border-box;
content:'Containment Method';
align-items:center;
justify-content:center;
text-align:center;
font-weight:bold;
font-size:85%;
background-color:#eee;
width:6rem;
height:calc(100% - 1.75em);
padding:.5em;
}
}
}
font-family:'';font-size:111%
font-family:'';font-size:111%
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
wait-progress
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
lizard
fnnum
fncon
lizard
fnnum
fncon
lizard
fnnum
fncon
lizard
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
fnnum
fncon
lizard
fnnum
fncon
fnnum
fncon
lizard
fnnum
fncon
lizard
fnnum
fncon
lizard
fnnum
fncon
lizard