80 lines
1.6 KiB
CSS
80 lines
1.6 KiB
CSS
.parent {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr) 0fr repeat(2, 1fr);
|
|
grid-template-rows: repeat(5, 1fr);
|
|
grid-column-gap: 0px;
|
|
grid-row-gap: 0px;
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.parent {
|
|
grid-template-columns: 1fr;
|
|
display: block;
|
|
|
|
}
|
|
.logo{
|
|
width: 100%;
|
|
}
|
|
.div7, .div8{
|
|
display: none;
|
|
}
|
|
}
|
|
body{
|
|
background: #1A1A40;
|
|
}
|
|
|
|
.div1 {
|
|
grid-area: 1 / 1 / 1 / 6;
|
|
text-align: center;
|
|
background: #7a0bc0;
|
|
}
|
|
.div2 {
|
|
grid-area: 2 / 1 / 3 / 3;
|
|
|
|
}
|
|
.div3 {
|
|
background: #363946;
|
|
grid-area: 2 / 4 / 3 / 6; }
|
|
.div4 {
|
|
grid-area: 3 / 1 / 4 / 3;
|
|
background: #c03e3e;
|
|
background-image: url("/assets/apoc.jpg");
|
|
background-position: center;
|
|
}
|
|
.div5 {
|
|
grid-area: 3 / 4 / 4 / 6;
|
|
background: url("/assets/xmr-bg.jpg");
|
|
background-position-x: center;
|
|
background-position-y: bottom;
|
|
background-size: 75%;
|
|
|
|
}
|
|
.div6 {
|
|
grid-area: 4 / 1 / 5 / 3;
|
|
background: #0d5eb1;
|
|
}
|
|
.div7 {
|
|
grid-area: 4 / 4 / 5 / 6;
|
|
background: url("/assets/onionr-3.png");
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.div8 {
|
|
grid-area: 5 / 1 / 6 / 6;
|
|
background: url("/assets/onionr-1.png");
|
|
background-size: 75%;
|
|
background-position:top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
.column{
|
|
padding: 1em;
|
|
}
|
|
|
|
.column a, .column a:visited{
|
|
color: wheat;
|
|
}
|
|
|