[SDK5209]

Summary

Increases the touch target sizes for the theme toggle, category filter buttons, and primary navigation links on mobile devices to meet accessibility guidelines without regressing desktop layout.

Related issue

Closes #21

Changes made

• Updated .theme-toggle dimensions to 44px x 44px in css/style.css to hit the recommended touch target minimum.
• Set min-height: 44px on .filter-button and .site-nav__link to ensure comfortable tap areas on mobile.
• Added display: inline-flex and align-items: center to .site-nav__link to ensure text remains centered vertically with the new height.

Testing performed

• I ran the site locally and tested the change.
• I checked the browser console for errors.
• I tested on desktop and mobile widths.
• Other (please describe):

Screenshots

Summary

Increases the touch target sizes for the theme toggle, category filter buttons, and primary navigation links on mobile devices to meet accessibility guidelines without regressing desktop layout.

Related issue

Closes #21

Changes made

• Updated .theme-toggle dimensions to 44px x 44px in css/style.css to hit the recommended touch target minimum.
• Set min-height: 44px on .filter-button and .site-nav__link to ensure comfortable tap areas on mobile.
• Added display: inline-flex and align-items: center to .site-nav__link to ensure text remains centered vertically with the new height.

Testing performed

• I ran the site locally and tested the change.
• I checked the browser console for errors.
• I tested on desktop and mobile widths.
• Other (please describe):

Screenshots

Summary

Increases the touch target sizes for the theme toggle, category filter buttons, and primary navigation links on mobile devices to meet accessibility guidelines without regressing desktop layout.

Related issue

Closes #21

Changes made

• Updated .theme-toggle dimensions to 44px x 44px in css/style.css to hit the recommended touch target minimum.
• Set min-height: 44px on .filter-button and .site-nav__link to ensure comfortable tap areas on mobile.
• Added display: inline-flex and align-items: center to .site-nav__link to ensure text remains centered vertically with the new height.

Testing performed

• I ran the site locally and tested the change.
• I checked the browser console for errors.
• I tested on desktop and mobile widths.
• Other (please describe):

Screenshots

Contributor checklist

• My change follows the existing code style.
• I have tested my change locally.
• I have not committed unrelated files.
• I have commented my code where non-obvious logic lives.

Contributor checklist

• My change follows the existing code style.
• I have tested my change locally.
• I have not committed unrelated files.
• I have commented my code where non-obvious logic lives.

Contributor checklist

• My change follows the existing code style.
• I have tested my change locally.
• I have not committed unrelated files.
• I have commented my code where non-obvious logic lives.