title: How can I individually adjust the size of pdf-viewer-container in Angular 10?
body: <p>I have a page with 2 components and a modal in my Angular project. Each one uses a pdf-viewer (one is small image, one is the main viewer and modal allows you to preview an uploaded pdf)
  I found this on here: <a href="https://stackoverflow.com/questions/48275138/how-to-override-ng2-pdf-viewer-css">how to override ng2 pdf viewer css</a> and it works in the sense that it does adjust the size of the container but it adjusts it for all pdf-viewer-container</p>
  <p>I tried to add a class and tried an inline style for size but it didn't work.
  Placing this in css for the components doesn't work:</p>
  <pre><code>.ng2-pdf-viewer-container {
    width: 50px !important;
    height: 50px !important;
  }
  </code></pre>
  <p>adding ::ng-deep changes all of the containers</p>
  <p>Adding this to the pdf-viewer tag also doesn't work</p>
  <pre><code>style=&quot;width: 40px !important; height: 30px !important;&quot;
  </code></pre>
  <p>I even tried putting the style on the div and adding fit-to-page=true to the pdf-viewer
  Can you suggest something I might have missed so I can indivually change the size of the pdf viewer according to my needs?</p>