Expanding Grid using size animation for each individual block

Hey. Does anyone know (under the practice grid section) how I could create a grid that allows users to click on one part of it and be able to expand out once clicked? The idea was to allow the selected grid section to take up 100% of the grid then resume to its original size. It works as it is, however, each section overlaps and gets in the way. When I add size animation I can’t get each section to expand over others?

Any help would be amazing.

https://preview.webflow.com/preview/new-test-site-5033f1?utm_medium=preview_link&utm_source=designer&utm_content=new-test-site-5033f1&preview=b3a8f498bcc3e14abafee0d61bf3b9db&workflow=preview

1 Like