.sptable { display: grid; grid-template-columns: 50% 50%; } .wikitable2, .wikitable3 { background-color:white; color: #222; margin: 1em 0; border: 1px solid white; border-collapse: separate; } .wikitable2 th, .wikitable3 th { background-color: #eaecf0; } .wikitable2 th:before { background: salmon; } .wikitable2 td, .wikitable3 td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.4em; line-height:1.9; empty-cells: hide; } .wikitable2 .Leerzeile, .wikitable3 .Leerzeile { border-left: solid 1px green; border-right: solid 1px green; background: yellow; } td:empty { background: sandybrown; } /* small */ @media (max-width: 576px) { .container { display: grid; grid-template-columns: 100% 12.5% 12.5% 12.5%; } /* .wikitable2 { border-collapse: separate; }*/ .wikitable2 th { float: left; } .wikitable2 th:nth-child(1) { display: block; } .wikitable2 td { display: block; empty-cells: hide!important; } .wikitable3 th { float: left; } .wikitable3 th:nth-child(1) { display: block; } .wikitable3 td { float: left; min-width:30%; align-items: stretch; } .wikitable3 td:nth-child(1) { display: block; } .wikitable2 td:empty { display: block; empty-cells: hide!important; } .wikitable2 .Leerzeile { display: block; /* background: paleturquoise;*/ empty-cells: hide!important; } }
Vorlage:Test.css
Aus Securepoint Wiki