feyberho Posted March 9, 2022 Share Posted March 9, 2022 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 Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted March 9, 2022 Solution Share Posted March 9, 2022 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 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now