michalvankodev-site/axum_server/templates/sections/social.html

<h2 class="text-blue-950 font-bold text-2xl m-5 md:text-4xl">Socials</h2>

<section class="grid grid-flow-row justify-center">
{% call sc::social_card_start("twitch", "I stream (almost) regularly on <em>twitch.tv</em>", "images/social/twitch_wo.png") %}

{% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>", "images/social/tiktok_wo.png") %}

{% call sc::social_card_start("youtube", "Videos and vlogs posted on <em>YouTube</em>", "images/social/youtube_wo.png") %}

<div class="lg:hidden xl:block">
{% call sc::social_card_start("instagram", "Photos and stories shared on <em>Instagram</em>", "images/social/instagram_plain.png") %}
</div>

</section>