How to create desktop responsiveness of a component with visibility screen?

1- Select the item you want to modify.

2- Enter the Visibility screen

3- Add a condition

4- In the Variable section, select DataSources

5- In the Datasources section, select EnvContext, since you are selecting a specific element and not a global one.

6- Select larger than medium, so it will only be seen on the desired devices.

7- Save everything.

8- Presto, you have the responsiveness of a mobile component!