How to teach elements to scale relative to block sizes?

Question

css

Hey!
There is a grid grid of five blocks. Inside each block there is a background image, a button, text, decorative elements. When you change the screen size in the console, the content of the blocks, of course, either decreases or crawls out of the block boundaries.
How to teach these same elements to change their size when scaling the page? There are a lot of elements, media queries are swept aside - an increase in css on such a scale is not welcome.
What assumptions, ideas, methods do you have?

Answer 1

Use relative values, like percentages or vw and vh screen height and width values. Using rem values ​​for font or size blocks will also help.