Skip to main content

How do I create an expanding grid?

Learn how to create an expanding grid with CSS and JavaScript.

 

Read on how to do it in this tutorial: https://www.w3schools.com/howto/howto_js_expanding_grid.asp 

 

Expanding Grid

Click on a box to "expand" it (100% width):

Screenshot_2021-11-08_at_16.14.15.png

 

Try it yourself here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_expanding_grid