Files

<pl-card header="Header" title="Title" subtitle="Subtitle" footer="Footer">
  <pl-question-panel>
    This is a full-width card with all options except for images.
  </pl-question-panel>
</pl-card>

<pl-card header="Header" title="Title" img-bottom-src="https://placehold.co/720x480" width="50%">
  <pl-question-panel>
    This is a 50%-width card with a header and a bottom image.
  </pl-question-panel>
</pl-card>

<pl-card img-top-src="https://placehold.co/1920x1080" title="Title" footer="Footer" width="75%">
  <pl-question-panel>
    This is a 75%-width card with a top image and a footer.
  </pl-question-panel>
</pl-card>

<pl-card header="A &lt;strong&gt;Stylised&lt;/strong&gt; &lt;code&gt;pl-card&lt;/code&gt; header." footer="The footer can also be &lt;em&gt;styled&lt;/em&gt;">
  <pl-question-panel>
    HTML tags can be used to style the header and footer.
  </pl-question-panel>
</pl-card>