How to scale grid-child while collapsing accordion?

Design help General
1

Hey All!
I am currently designing a restaurant menu for mobile device with this layout

15%20PM
15%20PM1202×1512 488 KB

On clicking a grid child, only that clicked grid child it has to take the full width of the view port as seen on the image below.
image
image582×1288 188 KB

But i am getting all of the grid children are expanding to full viewport width and some of the grid children are missing.
Any idea on how to get it working or feedback on where where i’m struck will be great :slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

UPDATE:
Added autofit. Now it works partially, but square grids doesn’t display, all of them streches to the viewport.