.trending-wrapper {
  max-width: var(--site-width);
  margin: auto;
}

.trending-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-4);
}

.trending-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.thumbnail-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.bullet-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-0); 
}

.bullet-list .trending-item{
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
}  
.bullet-list .trending-item:last-child{
	border-bottom: none;
}
.bullet-list .trending-item .thumbnail-title{
	padding-left: 20px;
	min-height: 45px;
	margin-top: 5px;
}

.gradient-bullets {
  list-style: none;
}

.gradient-bullets h4::before {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(45deg, #6366f1, #22d3ee);
  position: absolute;
  left: 0;
  top: 14px;
}

/* Tablet */
@media (min-width:300px){
  .thumbnail-list{
    grid-template-columns:repeat(1,1fr);
  }

  .trending-grid {
    grid-template-columns: 1fr;
  }
}

@media(min-width: 768px) {
  .thumbnail-list{
    grid-template-columns:repeat(2,1fr);
  }
  .trending-grid {
    grid-template-columns: 1fr;
  }  
}

@media (min-width:1024px){
  .thumbnail-list{
    grid-template-columns:repeat(3,1fr);
  }
  .trending-grid {
    grid-template-columns: 2fr 1fr;
  }  
}