Commit e19cd554 authored by colmoneill's avatar colmoneill

at least the desktop styles columns work for now, mobile adaptations of css...

at least the desktop styles columns work for now, mobile adaptations of css grid, i still need to solve
parent 033a1b57
Pipeline #16499573 passed with stages
in 2 minutes and 14 seconds
......@@ -74,8 +74,8 @@ h2.entry-title a{
}
div.container{
display: grid;
grid-template-columns:repeat(1, 330px);
grid-template-rows: 1;
grid-template-columns:repeat(5, 330px);
grid-template-rows: 2;
grid-gap: 30px;
}
div.col1{
......@@ -83,11 +83,11 @@ div.col1{
grid-row: 1/2;
}
div.col2{
grid-column: 2/3;
grid-column: 2/5;
grid-row: 2
}
div.col3{
grid-column: 2/3;
grid-column: 5;
grid-row: 2;
}
div.footer{
......@@ -95,39 +95,15 @@ div.footer{
grid-row:2/6;
}
@media screen and (max-width: 1080px){
div.col2{
grid-column: 2/3;
}
}
@media screen and (max-width: 1440px){
div.col2{
grid-column: 2/4;
}
div.col3{
grid-column: 2/4;
}
}
@media screen and (max-width: 1770px){
div.col2{
grid-column: 2/5;
}
}
@media screen and (max-width: 2800px){
div.col2{
grid-column: 2/5;
}
div.col3{
grid-column: 5;
grid-row: 2
}
}
/* @media all and (min-width: 899px) { */
/* div.container{ */
/* width: 60%; */
/* max-width: 60%; */
/* margin-left: 20%; */
/* } */
/* } */
}
div.entry-content p{
}
img{
......@@ -153,6 +129,13 @@ aside ul#footer-tag-list li{
font-size: 0.75em;
color: grey;
}
ul#footer-tag-list li a{
color: grey;
text-decoration: none;
}
ul#footer-tag-list li a:hover{
text-decoration: underline;
}
iframe{
width: 100%;
min-height: 400px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment