Onlyasyoucanseetheresultsdiv#isoutoflinewiththeinput#search.Code:
<divclass="container-fluid primary-bgcolor p-3">
<div class="row align-items-center">
<div class="col-2">
<a class="text-white mb-0">
<span class="ml-2 d-none d-sm-inline d-xl-none">Nome do Site</span>
</a>
</div>
<div class="col-4" style="width: 100%;">
<input class="form-control primary-fontcolor" type="text" name="pesquisa" id="pesquisa" placeholder="Pesquisar">
<div id="resultados" class="primary-bgcolor" style="position: absolute; z-index: 2; width: 100%; margin-top: 20px;"></div>
</div>
</div>
</div>
How can I solve this CSS problem?