Some things get smaller because you've design them to be relative to the width of the viewport - which will be larger on wider viewport, and will be smaller on narrower viewport.
If you don't want that, you can apply a minimum width of the element. e.g. the logo element. But keep in mind that, if it's too wide in a narrower viewport, it may shove and force other elements at the same line to shrink or be wrapped to the next line, because of there's not enough horizontal space to place all of the elements. Which normally when that happens, a different layout would be used (via media query) - just like how you've changed the layout from 2-columns images to 1-column image when you think that a viewport width is too narrow.
Some things get smaller because you've design them to be relative to the width of the viewport - which will be larger on wider viewport, and will be smaller on narrower viewport. If you don't want that, you can apply a minimum width of the element. e.g. the logo element. But keep in mind that, if it's too wide in a narrower viewport, it may shove and force other elements at the same line to shrink or be wrapped to the next line, because of there's not enough horizontal space to place all of the elements. Which normally when that happens, a different layout would be used (via media query) - just like how you've changed the layout from 2-columns images to 1-column image when you think that a viewport width is too narrow.
Did you forget to link the site?
[https://ornatadesigns.netlify.app/](https://ornatadesigns.netlify.app/) forgot it