#quick-links {
   width: 100%;
   margin-top: 1rem;
}

.container2 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
   padding: 0 1rem;
}

.box2 {
   display: flex;
   align-items: center;
   gap: .9rem;
   flex-direction: column;
}

.imgbox {
   width: 100%;
   aspect-ratio: 1 / 1;
   overflow: hidden;
   border-radius: 500px;
   border: 2px solid var(--col4);
}

.imgbox img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.namebox {
   width: 100%;
   border-bottom: 2px solid var(--txt-col2);
   border-top: 2px solid var(--txt-col2);
   display: grid;
   place-items: center;
   padding: 0.3rem 0;

   * {
      font-family: var(--heading1);
   }
}

@media screen and (min-width: 768px) {

   /* FOR TABLET*/
   .box2:nth-child(1) {
      grid-area: a;
   }

   .box2:nth-child(2) {
      grid-area: b;
   }

   .box2:nth-child(3) {
      grid-area: c;
   }

   .box2:nth-child(4) {
      grid-area: d;
   }

   .box2:nth-child(5) {
      grid-area: e;
   }

   .box2:nth-child(6) {
      grid-area: f;
   }

   .container2 {
      padding: 0 2rem;
      align-self: center;
      justify-content: center;
      grid-template-columns: repeat(4, 1fr);
      grid-template-areas:
         "a b c d"
         "e . . f";
   }
}

@media screen and (min-width: 1200px) {

   /* FOR NORMAL LAPTOP*/
   .container2 {
      padding: 0 2.8rem;
      grid-template-columns: repeat(6, 1fr);
      grid-template-areas: "a b c d e f";
   }
}

@media screen and (min-width: 1536px) {

   /* FOR EXTRA LARGE LAPTOP*/
   .container2 {
      padding: 0 3.5rem;
   }
}