I am trying to put two tables in a web page using 10% margin left, 60% space, and 30 % space. Initially I have created a container but if I'm changing the parameter, the width of that does not change. It is occupying the whole screen width.
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-sm-6 offset-sm-3" style="border:solid black; background-color:red;">.col-md-3 .offset-md-3</div>
<div class="col-sm-6 offset-sm-6" style="border:solid black; background-color:green;">.col-md-3 .offset-md-3</div>
</div>
10% margin left, 60% space, and 30 % space
CSS? – Zim Oct 26 '20 at 18:39