Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Dec 10, 2025

Typography was oversized in navigation bar, footer links, mini bio, and post listings, creating visual hierarchy issues and excessive spacing.

Changes

Navigation (src/components/Navigation.astro)

  • Removed fs-5 from brand, fw-medium from nav links

Footer (src/components/Footer.astro)

  • Set nav links to 0.875rem (14px)

Mini Bio (src/components/MiniBio.astro)

  • Applied Bootstrap small class (87.5% of base size)

Post List (src/pages/index.astro)

  • Removed fs-5 fw-semibold from titles
  • Reduced spacing from py-3 to py-2
- <a href={postUrl} class="fs-5 fw-semibold text-body text-decoration-none">
+ <a href={postUrl} class="text-body text-decoration-none">
Original prompt

This section details on the original issue you should resolve

<issue_title>Text too large</issue_title>
<issue_description>1. Nav bar
2. Footer
3. Mini Bio
4. Post list on main page (+ too much spacing between posts)

Image</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.

…ents

Co-authored-by: benbalter <282759+benbalter@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix text size and spacing in navigation and footer Reduce text sizes across navigation, footer, bio, and post list Dec 10, 2025
Copilot AI requested a review from benbalter December 10, 2025 19:17
@benbalter benbalter marked this pull request as ready for review December 10, 2025 19:31
Copilot AI review requested due to automatic review settings December 10, 2025 19:31
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR reduces text sizes across the navigation bar, footer links, mini bio, and post listings to fix visual hierarchy issues and excessive spacing identified in the original issue.

Key Changes:

  • Removed oversized font utility classes from navigation elements
  • Applied smaller font sizes to footer navigation links
  • Reduced mini bio text size using Bootstrap's small utility
  • Decreased post list item text size and vertical spacing

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.

File Description
src/components/Navigation.astro Removed fs-5 class from navbar brand and fw-medium from nav links to reduce navigation text size
src/components/Footer.astro Added scoped CSS rule to set footer nav links to 0.875rem (14px)
src/components/MiniBio.astro Applied Bootstrap small class to bio paragraph for 87.5% font size reduction
src/pages/index.astro Removed fs-5 fw-semibold from post titles and reduced spacing from py-3 to py-2 for tighter post list layout

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.

Text too large

2 participants