wordpress wp-block-table, mobile css code example

Example: wordpress wp-block-table, mobile css

@media screen and (max-width: 768px) {  
  .wp-block-table table {
    width:100%;
  }
  .wp-block-table thead {
    display: none;
  }
  .wp-block-table tr:nth-of-type(2n) {
    background-color: inherit;
  }
  .wp-block-table tr td:first-child {
    background: #f0f0f0; font-weight:bold;font-size:1.3em;
  }
  .wp-block-table tbody td {
    display: block;  text-align:center;
  }
  .wp-block-table tbody td:before {
      content: attr(data-th);
      display: block;
      text-align:center; 
  }

}