I have to edit an already made complex project(which is in php) using html, bootstrap and css. The flexbox doesn't respond correctly. I need two cards in a row. I tried doing it in an empty file and it displays as it should, but when i paste it inside the project it shows them stacked on top of each other and stretched the whole device width.
the structure of two cards:
<div class="row d-flex justify-content-around"><div class="card costum-card mt-5"><div class="card-head mt-4 mx-3"><h1>Mix&Max</h1></div><div class="card mt-2 mx-3 border border-white"><div class="card nested-card"><div class="card-body"><img src="phone.png" class="img-fluid card-img" /><p class="card-body-bold">One Smart Pro</p><p class="card-body-light">10 GB, Minuta, SMS Pa Limit</p></div></div></div></div><div class="card costum-card mt-5"><div class="card-head mt-4 mx-3"><h1>Mix&Max</h1></div><div class="card mt-2 mx-3 border border-white"><div class="card nested-card"><div class="card-body"><img src="phone.png" class="img-fluid card-img" /><p class="card-body-bold">One Smart Pro</p><p class="card-body-light">10 GB, Minuta, SMS Pa Limit</p></div></div></div></div></div>