Summary

Reduces the sizes of headers and lists on the main page to align with the sizing of single pages. This avoids overlapping text and too-large lists on the main landing page.

Related issue

Resolves #374.

Changes

• Sets rem sizes for headers instead of em
• Sets a size of 1rem for lists in the home banner.

Accessibility

Improved by avoding overlapping header text as well as properly sized list elements.

Screenshots

Before, on small screens or large text setups the header text would overlap when wrapped:

Now, headers and lists have the same size as they would in articles, avoiding overlapping text and too-large lists:

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan