the-programmers-hangout/website

[Bug] Mobile resource header is off-center in Firefox

travisk-codes opened this issue · 1 comments

travisk-codes commented

Description: When you visit https://theprogrammershangout.com/resources with a mobile-width on Firefox, the resources text box is off-center (see screenshot)

To Reproduce:

  1. Open Firefox
  2. Navigate to https://theprogrammershangout.com/resources
  3. Reduce/zoom page to mobile layout
  4. Observe the resource header text box

Expected Behavior: For the box to be centered on the page.

Environment:

  • OS: 5.8.6-arch1-1
  • Browser: Firefox 80.0.1 (64-bit)
  • Works on Chromium 85.0.4183.83 (64-bit)

tph-reource-header

veksen commented

max-width: calc(100% - 96px)

on Box should fix it