<>
.tab {
overflow: hidden;
border: 0px solid #ccc;
border-radius:10px;
background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: 1px solid #ccc;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #ddd;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 0px;
border: 0px solid #ccc;
border-radius:10px;
border-top: none;
min-height: 600px;
}
.channel{
width: 90px;
height: 110px;
padding: 0.5%;
display: inline-block;
background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px;
position: relative;
font-size: 14px;
}
>