Link to article: SCP-8263.
#page-content
.image-side-by-side-container
.image-block.image-block-right {
max-width: 300px;
}
.image-side-by-side-container {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas:
"description images"
"discovery images";
}
.image-side-by-side-container img {
margin-left: 15px;
}
@media (max-width: 640px) {
.image-side-by-side-container img {
margin-left: 0;
}
.image-side-by-side-container {
grid-template-columns: auto;
grid-template-rows: auto auto auto;
grid-template-areas:
"description"
"images"
"discovery";
}
}
grid-area: description;
grid-area: discovery;
grid-area: images;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
background-color: #ffffff; float: center; border: grey 4px; width: 370px; padding: 10px; margin: auto; background-color: light gray; box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
float:left; margin-left:5px; margin-top:12px; background-color: #ffffff; padding: 0px 10px;
:scp-wiki:component:adult-content-warning
[info]
:scp-wiki:theme:basalt
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
component:preview
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
:scp-wiki:component:wide-image-sizer
[info]
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
image-side-by-side-container
footer-wikiwalk-nav