I don't use Bootstrap, but the element div has the display: block; by default, that is what is making the break row, to change it you can add the style: "display: inline-block;" to both divs. <section class="cards"> <article class="card row no-gutters"> <div class="userInfo ...
- Columns feature horizontalpaddingto make the gutters within special columns, even so, you are able to get rid of themarginout of rows and alsopaddingfrom columns with.no-gutterson the.row. - There are 5 grid tiers, one for each and every responsive breakpoint: all breakpoints (extra sma...