search

audacity / audacity.github.io

source code of the Audacity website
https://www.audacityteam.org/
4 stars 6 forks source link

Header changed #30

Closed aarav0180 closed 1 month ago

aarav0180 commented 1 month ago

Added a constant margin to header as auto margin was giving issues in some browsers.

LWinterberg commented 1 month ago

margin: auto has been well supported everywhere for well over a decade. What browser causes the issue?

aarav0180 commented 1 month ago

Screenshot 2024-08-26 160121 Screenshot 2024-08-26 160236

In brave Browser the side margin of nav bar is very less so it's better to keep it a constant so that it can be even in all the browsers .

aarav0180 commented 1 month ago

And not only the header it's almost with whole body there's no margin from the sides .

Screenshot 2024-08-26 160706

LWinterberg commented 1 month ago

Looks like we have a sourspot for padding for widths == 1280. All resolutions above and below have appropriate paddings.

aarav0180 commented 1 month ago

yep, It can happen as tailwind CSS uses predefined breakpoints for different screen sizes.

So, can I look up on that issue ? It can be solved by doing some simple changes.

aarav0180 commented 1 month ago

And btw it only occurs in brave browser as in my edge it's working fine but the brave site shows the issue . Screenshot 2024-08-26 180639