Some web apps are meant to be used in only one orientation on phones. Here is one way to make a single orientation mobile-first React web app using CSS media queries.
While you might not be able to prevent accidentally ruining data in production, you can put up roadblocks to reduce the risk. Consider writing custom scripts to avoid making those
A good semantic model cuts across a single layer of abstraction. If two things have the same structure and info hierarchy, they should share a CSS class.
