Flex resize - text blocks in 7.0

Hi,

I am building a price menu on my site:

https://www.glasbenasolamake.si/individualni-pouk-30-minut

And by default the blocks come in different sizes, so I used the following css:

@media only screen and (min-width:900px){#block-yui_3_17_2_1_1721151021708_13142, #block-6696ae22995f5f7ee8e25757, #block-yui_3_17_2_1_1721151021708_14995, #block-94f50355110ce03df417, #block-cb9cb9fdba2e8a48dcb4, #block-3b9be5ebaa80c9145edc, #block-4cb2f884e058788c7313, #block-4d0574b81fb962f888e2, #block-0f68093e4c0961fa9063 { height:600px}}

Which makes it all even on a bigger screen, but anything in between to mobile makes the text jump outside the box. Argh.

I read about flex options, but none of those seem to work.

Also, I would like the buttons below to fit within the blocks; is this possible?

Thanks for your help!

Maja

I think the boxes are fine. Can you take a screenshot of problem?

Hey Tuanphan. Here it is, say on a slightly narrower screen:

Which screen size do you see problem? I checked some and still see fine