alanmmckay / alanmmckay.github.io

Code for http://alanmckay.blog. Nothing Fancy here.
https://alanmckay.blog/
0 stars 0 forks source link

projects/safety/ Text being clipped #4

Closed alanmmckay closed 9 months ago

alanmmckay commented 9 months ago

The margins issue is still persisting in the Geographic database page. The fixes gathered prior to this work in the context of analyzing the page via element inspector with mobile sizing options enabled. With these options disabled, it seems the fix ignores whether or not a user has tabs displayed in a vertical menu bar to the side.

alanmmckay commented 9 months ago

This likely stems from a styling sheet rule involving the unordered list's padding.

alanmmckay commented 9 months ago

The solution here actually involved adding a specific set of styles to the pre-tags. Specifically, a width attribute using the view width as a unit of measurement. For example: width:75vw;. This is done in tandem with the inclusion of a maximum width attribute.