Submitted almost 3 years ago

Responsive landing page using CSS Grid and GSAP

bem, gsap

Éric Férole•420

@Eric-Ferole

A solution to the Single-page design portfolio challenge

Preview Code

Solution retrospective

I struggled with the IPad break point. It's seems that you cannot change your grid template at all once it's set. You have to keep the same for all your breakpoint. Is that right ?

For the iPad break point, I couldn't figure how to make the first element .design take half of the grid and and the .uiux and .app take the other half as there was only 6 columns : 3 for the .design and 3 for both .uiux and app. Can you follow me here ?

I would be glad to know If there's an other way. There should be an other way.

Any other comments would be appreciated.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Éric Férole's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord