我正在开发一个Web应用程序，并且在我的Webapp的每个页面中使用navbar.html作为布局，其代码如下：

eachpage.html：

{% extends 'navbar.html' %}

{% block body %}
<div class="container">
    <div class="titre_pages">
        <h2>PAGE TITLE </h2>
    </div>    
</div>

当我减小浏览器的大小，导航栏和标题重叠时，一切工作正常，并且页面似乎响应灵敏。我应该在我的导航栏/布局和html代码之间添加一些内容来避免这种情况吗？

Here is my page with a normal browser size :

当我缩小浏览器尺寸时，这是我的页面：

使用布局时，Flask应用程序页面无响应

eachpage.html：