边界元法:了解分解组件和定位组件的距离?

我已经开始在我正在设计的网站上使用边界元法。我试图了解我应该分解组件(块)到什么程度。例如,我有一个标题,其中有一个导航栏。标题被分类为块,但导航栏中可能有一个新的块或标题块的一部分。这里最好的建议是什么?

我希望找到一些实现这类功能的示例站点,以便更好地理解它,但到目前为止,我还没有发现任何能够证明这一点的内容。

我还假设组件应该布局其元素,所以这很好,是flexbox的一个很好的候选者。我现在面临的问题是在页面中布局组件。想象一下,必须并排布置两个组件,这是flexbox的另一个很好的候选者,但知道将显示器放置在哪里:flex?组件不也将负责使用flex项css(即flex-shrink、flex-grow、basis、order等)将自己放置在页面中吗。。

display: flex 在其容器上。

我做的 find some info 关于文件结构,我想知道这是否有帮助?也许我没有完全理解它-目录布局可以用于此吗?