Latest orders
The orders is the content type that is most likely to be frequently populated, since they come from the website. That is why it makes sense to show its latest state right away, before navigating to the “Orders” page.
Because the columns implemented for the high-level metrics are multiline, you can simply append more column items at the end.
Right after the last <div class="column is-12-tablet is-6-desktop is-3-widescreen">
, but still within the <div class="columns is-multiline">
, add this new column:
<div
class=
"column is-12-tablet is-6-desktop is-4-fullhd"
>
<div
class=
"card"
>
<div
class=
"card-content"
>
<h2
class=
"title is-4"
>
Latest orders</h2>
<div
class=
"level"
>
<div
class=
"level-left"
>
<div>
<p
class=
"title is-5 is-marginless"
>
...