Skillshare/creators.liquid at master · christopherdodd/Skillshare · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<div class="page-width creators">
  {% for creator in creators %}
    <div class="creator">
      <div class="creator-image"></div>
      <h2 class="creator-title"></h2>
      <p class="creator-paragraph"></p>
      <h3>Creator of...</h3>
      <div class="creator-products">
        {% for product in products %}
          <a href="" class="creator-product"></a>
        {% endfor %}
      </div>
    </div>
  {% endfor %}
</div>

<style>
  .creators {
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .creator {
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 2px 5px 5px;
    padding: 20px;
  }
  .creator-products {
    display: flex;
    column-gap: 15px;
    justify-content: center;
  }
  .creator-product {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    color: rgb(var(--color-foreground));
  }

</style>

{% schema %}
  {
    "name": "Creators",
    "settings": []
  }
{% endschema %}