Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Dec 10, 2025

Contact icons on the contact/about pages were appearing ~10% larger than footer icons due to inheriting font-size: 1.1rem from .page-body.

Changes

  • Added explicit font-size: 1rem to .contact-links i selector in ContactLinks.astro
  • Icons now maintain consistent size across page content and footer

Before/After

Before: Icons inherit 1.1rem from page body
Before

After: Icons explicitly sized to 1rem
After

.contact-links i {
  font-size: 1rem;
}
Original prompt

This section details on the original issue you should resolve

<issue_title>Contact icons too large in astro build when navigating to the contact page</issue_title>
<issue_description></issue_description>

Comments on the Issue (you are @copilot in this section)

Custom agent used: code
Specialized agent for code changes in this Jekyll/Next.js project including Ruby, JavaScript/TypeScript, HTML/Liquid templates, and SCSS/CSS


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: benbalter <282759+benbalter@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix contact icons size in astro build Fix contact icon size inconsistency between page content and footer Dec 10, 2025
Copilot AI requested a review from benbalter December 10, 2025 18:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Contact icons too large in astro build when navigating to the contact page

2 participants