Let's start by giving them some human names. HTML can be Harriet, and CSS can be Cecelia.
Harriet and Cecelia have received a sizable inheritance from their grandmother and have decided to build two tiny homes, one for each of them.
The sisters have very different skill sets and plan to use this to their advantage. Harriet is methodical and focuses on the structure of things. One of her favourite sayings is “everything great begins with a great foundation”.
Cecelia, on the other hand, is all about the details. For her, the greatness doesn’t begin until after the foundation is complete. As she likes to say “a foundation is just a blank slate for us to create magic on top of!”.
Naturally, they have agreed for Harriet to be in charge of the building stage and for Cecelia to be in charge of the decorating. This seemed simple, to begin with. Harriet would work on the houses first and then Cecelia would take over.
They soon learned that they had to work alongside each other to ensure the building could work with the decor, and vice versa. The realisation came when Cecelia mentioned that she was going to look for some bookends that wouldn’t take up too much space and Harriet noticed that she hadn’t included space for a bookcase in either house. In fact, Harriet hadn’t even thought about bookcases.
They now had three options:
1. Not have bookcases
2. Not include space for a bookcase in the house plans, and then try to find a way to fit one in somewhere once they’re built. By forcing a bookcase into the houses, they run the risk of impacting other aspects of the house and pushing things out of place
3. Adjust the plans so that both houses either have, or are able to fit, a bookcase
They agreed that it made the most sense to work together so the building plans and decor designs would be compatible and sat down to figure out exactly what things needed to be accounted for in the plans and in the decor.