Load different templates from one component

I have a component which displays its elements differently depending on the user’s screen. Which means the .html (template) is different for the web and mobile.

So, is there a way to load a template or another in some way? I want to do this by just using 1 component. I don’t like the idea of creating two components that will do basically the same.