Decide which element to show on which device type

Just like there is an option to display grid rows selectively based on viewport size (mobile, tablet, laptop etc) where we can decide if we want to show a row in just mobiles or laptops, etc. , is there some PHP function that I can add to functions.php so that I can apply these conditions to any element in the theme?

Another way of saying this is that I want the option to select which screen size an element is visible for every element, not just grid rows or color sections.

Right now, I have to manually do this by adding classes to elements and then use media queries in CSS. Would like it if there is something built in by default.

Thanks.