User:Teamtoto/Sandbox2: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 4: Line 4:
   display: grid;
   display: grid;
   grid-template-areas:"a" "b" "c" "d" "e";
   grid-template-areas:"a" "b" "c" "d" "e";
   grid-template-columns: 100%
   grid-template-columns: 100%;
}
}


.fplinks {
align-items:start;
}
@media screen and (min-width: 1050px) {
@media screen and (min-width: 1050px) {
   #fp-2flex.fp-container {
   #fp-2flex.fp-container {
Line 12: Line 15:
     grid-template-columns: 50% 50%;
     grid-template-columns: 50% 50%;
     grid-template-rows: auto auto 1fr;
     grid-template-rows: auto auto 1fr;
   }
   }
}
}
Line 33: Line 35:
}
}


#fp-extlinks {
#fp-main {
   grid-area: b;
   grid-area: c;
}
}


#fp-middle {
#fp-miscwiki {
   grid-area: c;
   grid-area: b;
}
}


#fp-bottomflex {
#fp-extlinks {
   grid-area: d;
   grid-area: d;
  align-content: flex-start;
}
}
#fp-bottom {
#fp-bottom {
   grid-area: e;
   grid-area: e;
Line 67: Line 67:
   mask-image: linear-gradient(180deg, #000 75%, transparent);
   mask-image: linear-gradient(180deg, #000 75%, transparent);
}
}
-->
-->
<!-- This is a responsive front page design that adapts to the available width  
<!-- This is a responsive front page design that adapts to the available width