help me for this problem how to make this mobile responsive or hide in medium breakpoint

[feyberho]

this is my pclient project website.  i fork the codepen and edit the website like that. the problem is i cant make the whole thing to be mobile responsive

See the Pen 7ba936b34824fefdccfe2c6d9f0b740b by GreenSock (@GreenSock) on CodePen

[mvaneijgen]

If you moved your code to a codepen where you would demonstrate the issue people might be able to help you. But making your site responsive has nothing to do with animations (GSAP).

 

So you're asking this in the wrong forum, but if I take a quit look at your site I see at the "our team" grid you have CSS for a grid of always three images, but this will not fit on smaller screens

 

.grid-cols-3 { 
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

 

I would change this code to something like this

 

.grid-cols-3 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

This way the columns will fit them selfs and be at a minimum 250px. Here is a video tutorial about responsive css grid

 

 

But I would recommend putting a bit more effort in posting a question, this way you'll get better answers