由replit制作的网站不能正确显示文本

Question

我有一些问题，使网站移动友好。文字开始变得很奇怪，而且完全不对齐。关于我可以添加什么使文本再次正常的任何建议。用html, js, python编写的网站

在pc在电话里把

这也发生在其他一些网页

关于this的代码块:

<br>
{%block content%}
{%include 'navbar.html'%}
{%endblock%}
<br><br>
<center>
<div class="formdiv">
<form method="POST" action="{{url_for('test_results')}}">
<h1>A test to help you explore careers</h1>
<br><br><br>
<h2>Are you ...?</h2>
<ul class="checkbox-grid">
{%for i in are_you%}
{%for j in are_you[i]%}
<li><input type="checkbox" name="{{i}}"><label for="{{i}}">{{j}}</label></li>
{%endfor%}
{%endfor%}
</ul>

<br><br><br><br><br><br><br><br><br>
<h2>Can you ...?</h2>
<ul class="checkbox-grid">
{%for i in can_you%}
{%for j in can_you[i]%}
<li><input type="checkbox" name="{{i}}"><label for="{{i}}">

Answer 1

您的网站没有响应。如果你不想让代码自己响应，你可以使用CSS库，如bootstrap为你做繁重的工作。