title: How can i make my angular component to be 100 width of the parent on the root level?
body: <p>I have the following html structure</p>
  <p><a href="https://stackblitz.com/edit/angular-bootstrap-4-starter-31tboc?file=src%2Fapp%2Ftesting-one%2Ftesting-one.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-bootstrap-4-starter-31tboc?file=src%2Fapp%2Ftesting-one%2Ftesting-one.component.html</a></p>
  <p>As you can see, here i have component called <code>app-testing-one</code> where i am rendering some data.</p>
  <p>If i put my component inside <code>col-7</code> column width then it will get that width, if i put inside <code>col-3</code> then it will be smaller.</p>
  <p>But in my case where it is col-3` i need to render my component to have full width of the root parent.</p>
  <p>So below <code>i want this below to be fuyll width</code> i need to render my component with 100% width.</p>
  <p>But i nneed to do this automatically without adding it in col-12.</p>