React, TailwindCSS, HTML

I've now made this responsive design with tailwind, I didn't figure out yet how I could 'scale' down the entire component when resizing the bottom part of the window, whilst making the window size smaller from the bottom up. If I move this part of the screen upwards the component just gets cut off, I would like to be able to have the whole design resize itself, according to the height. Somehow I didn't manage to pull this off yet, any tips are welcome!

Cheers.