Coder Wrap provides free to use snippets

/**Typeo CSS Start**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

* {
 box-sizing: border-box;
}

body {
 font-family: "Poppins", sans-serif;
 color: #444;
 box-sizing: border-box;
 margin: 0px;
}

.container {
 max-width: 1280px;
 width: 100%;
 padding: 0px 15px;
 margin: auto;
}

.container-fluid {
 width: 100%;
 padding: 0px 30px;
}

/**Typeo CSS End**/
.table-main {
 overflow-x: auto;
}

.table-main::-webkit-scrollbar {
 -webkit-appearance: none;
}

.table-main::-webkit-scrollbar:vertical {
 width: 12px;
}

.table-main::-webkit-scrollbar:horizontal {
 height: 12px;
}

.table-main::-webkit-scrollbar-thumb {
 background-color: rgba(0, 0, 0, .5);
 border: 2px solid #ffffff;
}

.table-main::-webkit-scrollbar-track {
 background-color: #ffffff;
}

table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 width: 100%;
 table-layout: fixed;
}

table tr {
 background-color: #f8f8f8;
 border: 1px solid #ddd;
 padding: .35em;
}

tbody tr:nth-child(2n+1) {
 background-color: #fff;
}

table th, table td {
 padding: .625em;
 text-align: center;
}

table th {
 font-size: .85em;
 letter-spacing: .1em;
 text-transform: uppercase;
}

@media(max-width:992px) {
 table th, table td {
  width: 150px;
 }

}