title: Angular 2+: Dynamically set CSS width, of element based on available real estate
body: <p>I consider how effectively set in Angular 2+ width of element. I would like firstly to check available real estate in parent element and than appropriately set width of child elements to fit equally this available space in its parent. </p>
  
  <ol>
  <li>how could I listen on width change events of parent element? </li>
  <li>how to check this width? </li>
  <li>then I could make some calculation of elements width to fit requirements of component user </li>
  <li>then change width of element to calculated value. </li>
  </ol>
  
  <p>I have tried to use CSS3 and Media Queries but it makes my Component to tightly coupled to certain sizing precondition and makes my angular component not general-purpose. </p>