Difference between revisions of "Template:CardInfo"

From A3! Wiki
m (more fixess)
m (mata & i: 🤞 hope this consolidated @media works !!! (for mobile view))
Line 17: Line 17:
 
}
 
}
  
@media(max-width: 641px) {
+
@media only screen and (max-width: 540px) and (min-width: 280px) and (orientation: portrait) {
     table.cardinfobox {width: 100% !important; max-width: inherit; margin-left: 0;}
+
     table.cardinfobox {width: 100%!important; max-width: inherit; margin-left: 0;}
 +
    table.cardinfobox th img {width: max-content!important;}
 
     .cardinfobox img {width: 100% !important;}
 
     .cardinfobox img {width: 100% !important;}
    table.cardinfobox th img {width: max-content !important;}
+
     .rootpage-Cards div.toc {width: 100%!important;}
    table.stattable, table.adlibtable {width: 100% !important;}
+
     table.stattable, table.adlibtable {width: 100%!important;}
}
 
@media (max-width:641px) and (orientation: landscape) {
 
    table.cardinfobox {width: 40vw !important; margin-left: 1rem !important;}
 
     .rootpage-Cards div.toc {width: 10vw !important;}
 
    .cardinfobox img {width: 100% !important;}
 
     table.cardinfobox th img {width: max-content !important;}
 
}
 
@media (max-width:850px) {
 
    .rootpage-Cards div.toc {width: 10vw!important;}
 
 
}
 
}
  

Revision as of 08:36, 27 September 2020