<ul class="item-list"> {% for content in contentList %} <li> <p class="item-list__title"> <a href="{{ content.url }}"> {% if content.data.title %}{{ content.data.title }} {% else %} <code>{{ content.url }}</code> {% endif %} </a> </p> <time>{{ content.date | formatDate }}</time> </li> {% endfor %} </ul> <style> .item-list { display: grid; gap: 1em; padding-left: 1em; } .item-list__title { font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem); line-height: 1.3; margin-bottom: 0.2em; } </style>