How are international web projects structured?

Question

git

Good afternoon,
I’ll say right away that I don’t work in web development, but we do it differently (our troubles).
I heard a problem here by chance, I wanted to know because the people did not come up with anything good.
The project is on Laravel + React, but it doesn't matter.
There are 2 customers from 2 small European countries who ordered the project together.
Basics:
- different companies
- deployed to different servers, different domains, etc.
- the data of one is useless for the other (and is generally open to the public)
Then customization begins (classic fir trees are not 80/20, but exactly 70/30)
- everyone pays separately
- there can be their own buttons, fields, tables, data counting.
Everything is hosted by us, but in theory they might want to do it themselves.
One of them may want to develop his part and must get exactly his own, and not half of his neighbor.
At the moment, these are 2 different turnips in the git, which, as it were, solves all the problems, but does not allow using the classic merge when development is done on common functions, etc.
How to organize this in git?
The Internet says that you need to use submodules , but it does not give details.

Answer 1

Submodules won't help you. Maintain 2 separate repositories. What is common between projects + does not depend on them (for example, a logging system) - put it in separate composer packages.

Answer 2

I would use polyrepositories. That is, you make several independent repositories that are the same for both projects and make them dependent. What you described is actually two different projects, just one platform

Answer 3

So you can
https://jsfiddle.net/cumwnyx2/

Answer 4

more or less like this:

<section class="section">
  <div class="section__inner container">
    <div class="text-block">
      <h2>Lorem ipsum.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis sequi nam temporibus quibusdam possimus repudiandae veritatis, in autem! Repellat maiores quia neque aspernatur libero consequatur quod provident, explicabo voluptatum dolor!</p>
    </div>
  </div>
</section>

body {
  margin: 0;
  font: 100%/1.4 sans-serif;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

.section {
  position: relative;
  height: 100vh;
  color: #FFF;
  background-color: #FFC056;
}

  .section::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: url("http://placeimg.com/400/400") no-repeat 50% / cover;
  }

  .section__inner {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text-block {
  box-sizing: border-box;
  padding: 2em;
  width: 50%;
  margin-left: 50%;
}

jsbin.com/zeyacoqicu/edit?html,css,output

Answer 5

my friend seems to me that this is container-fluid
col-6
col-6