chore: fix contributor images on small screens

This commit is contained in:
Zach Daniel 2023-10-03 21:19:14 -04:00
parent d69c530d91
commit bf5970eacd

View file

@ -361,7 +361,7 @@ defmodule AshHqWeb.Pages.Home do
<CalloutText text={"#{@contributor_count} contributors"} /> and counting! <CalloutText text={"#{@contributor_count} contributors"} /> and counting!
</p> </p>
<div class="grid mx-auto gap-3 grid-cols-8 sm:grid-cols-10 md:grid-cols-114"> <div class="grid mx-auto gap-3 grid-cols-6 sm:grid-cols-10 md:grid-cols-14">
{#for %{login: login, avatar_url: avatar_url, html_url: html_url} <- @contributors} {#for %{login: login, avatar_url: avatar_url, html_url: html_url} <- @contributors}
<a href={html_url} class="flex flex-col items-center justify-center"> <a href={html_url} class="flex flex-col items-center justify-center">
<img class="h-12 w-12 rounded-full" src={avatar_url} alt={login}> <img class="h-12 w-12 rounded-full" src={avatar_url} alt={login}>