Most popular books with cards

In this section you’ll be creating cards. Cards are a Bulma component that are great at conveying information in a smaller amount of space. Usually, cards have visual elements with them, like an image or a video. Cards are very common and are especially common with eCommerce websites. However, let’s create some cards with our in-progress book application.

Basic structure of a card

<div class="card">
  <div class="card-image">
    <!-- image here -->
  <div>
  <div class="card-content">
    <!-- content here -->
  <div>
</div>

For this example, you’ll be using Bulma’s media component for the card’s content. Let’s move on.

The dashboard should contain items that are likely to change over time. The list of the most popular books is one such item.

You can reuse the same layout as the previous column, but use a media component instead of...