// blog-list.scss
.blogcontainer {
    p.text-muted {
      font-size: 0.9rem;
      color: #6c757d;
  
      @media (max-width: 576px) {
        font-size: 0.8rem;
      }
    }
  
    .blog-item {
      margin-top: 2rem;
  
      h2 {
        font-size: 1.5rem;
  
        @media (max-width: 768px) {
          font-size: 1.5rem;
        }
  
        @media (max-width: 576px) {
          font-size: 1.25rem;
          line-height: 1.7rem;
        }
      }
  
      p {
        font-size: 1rem;
        line-height: 1.5;
  
        @media (max-width: 768px) {
          font-size: 0.9rem;
        }
  
        @media (max-width: 576px) {
          font-size: 0.8rem;
        }
      }
    }
  }
  