doc: improve usage and fix unpkg url

Author: peterpeterparker

docs/docs/deck/app-deck-size/app-deck-size.md

@@ -17,4 +17,8 @@ However, it is possible to include or use [DeckDeckGo] in any container, for tha
 </div>
 ```
 
+## Tips and tricks
+
+To detect the size of the container, the `offsetParent` property is used which returns the nearest ancestor that has a position other than static. Therefore, if the size would not be detected, try to set the `position` of your container to `relative` or `fixed`.  
+
 [DeckDeckGo]: https://deckdeckgo.com

docs/docs/introduction/app-installation/app-installation.md

@@ -17,8 +17,8 @@ If you wish to do so, use it directly in your project from a CDN, using a simple
 It's recommended to use [unpkg](https://unpkg.com/) to use the [DeckDeckGo] from a CDN. To do so, add the following include script in the main HTML file of your project:
 
 ```
-<script type="module" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo-core/deckdeckgo-core.esm.js"></script>
-<script nomodule="" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo-core/deckdeckgo-core.js"></script>
+<script type="module" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo/deckdeckgo.esm.js"></script>
+<script nomodule="" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo/deckdeckgo.js"></script>
 ```
 
 ## Install DeckDeckGo from NPM

docs/src/app/pages/docs/deck/app-deck-size/app-deck-size.tsx

@@ -35,7 +35,9 @@ export class AppDeckSize {
 <p>However, it is possible to include or use <a href="https://deckdeckgo.com">DeckDeckGo</a> in any container, for that purpose you would only need to set the attribute <code>embedded</code> to <code>true</code>.</p>
 <deckgo-highlight-code language="javascript">
       <code slot="code">&lt;div style=&quot;width: 500px; height: 400px;&quot;&gt;{'\n'}  &lt;deckgo-deck embedded=&quot;true&quot;&gt;{'\n'}    &lt;deckgo-slide-title&gt;{'\n'}      &lt;h1 slot=&quot;title&quot;&gt;My presentation title&lt;&#47;h1&gt;{'\n'}      &lt;p slot=&quot;content&quot;&gt;{'\n'}        Hello World 🚀{'\n'}      &lt;&#47;p&gt;{'\n'}    &lt;&#47;deckgo-slide-title&gt;{'\n'}  &lt;&#47;deckgo-deck&gt;{'\n'}&lt;&#47;div&gt;</code>
-    </deckgo-highlight-code></main>
+    </deckgo-highlight-code><h2 id="app-deck-size-tips-and-tricks">Tips and tricks</h2>
+<p>To detect the size of the container, the <code>offsetParent</code> property is used which returns the nearest ancestor that has a position other than static. Therefore, if the size would not be detected, try to set the <code>position</code> of your container to <code>relative</code> or <code>fixed</code>.  </p>
+</main>
 
         <app-footer></app-footer>
       </ion-content>

docs/src/app/pages/docs/introduction/app-installation/app-installation.tsx

@@ -44,7 +44,7 @@ export class AppInstallation {
 <h2 id="app-installation-using-deckdeckgo-from-a-cdn">Using DeckDeckGo from a CDN</h2>
 <p>It&#39;s recommended to use <a href="https://unpkg.com/">unpkg</a> to use the <a href="https://deckdeckgo.com">DeckDeckGo</a> from a CDN. To do so, add the following include script in the main HTML file of your project:</p>
 <deckgo-highlight-code language="javascript">
-      <code slot="code">&lt;script type=&quot;module&quot; src=&quot;https:&#47;&#47;unpkg.com&#47;@deckdeckgo&#47;core@latest&#47;dist&#47;deckdeckgo-core&#47;deckdeckgo-core.esm.js&quot;&gt;&lt;&#47;script&gt;{'\n'}&lt;script nomodule=&quot;&quot; src=&quot;https:&#47;&#47;unpkg.com&#47;@deckdeckgo&#47;core@latest&#47;dist&#47;deckdeckgo-core&#47;deckdeckgo-core.js&quot;&gt;&lt;&#47;script&gt;</code>
+      <code slot="code">&lt;script type=&quot;module&quot; src=&quot;https:&#47;&#47;unpkg.com&#47;@deckdeckgo&#47;core@latest&#47;dist&#47;deckdeckgo&#47;deckdeckgo.esm.js&quot;&gt;&lt;&#47;script&gt;{'\n'}&lt;script nomodule=&quot;&quot; src=&quot;https:&#47;&#47;unpkg.com&#47;@deckdeckgo&#47;core@latest&#47;dist&#47;deckdeckgo&#47;deckdeckgo.js&quot;&gt;&lt;&#47;script&gt;</code>
     </deckgo-highlight-code><h2 id="app-installation-install-deckdeckgo-from-npm">Install DeckDeckGo from NPM</h2>
 <p>Install <a href="https://deckdeckgo.com">DeckDeckGo</a> in your project from <a href="https://www.npmjs.com/package/@deckdeckgo/core">npm</a> using the following command:</p>
 <deckgo-highlight-code language="bash">