[UI] Improve responsiveness of dash-tangle decorative element on smaller screens
help wantedkind/buglanguage/javascriptlanguage/cssframework/hugo
## Description
I noticed a responsiveness/layout issue with the `.dash-tangle` decorative element on smaller screen widths.
The mobile media query currently uses a very large width and negative `right` offset, which can cause clipping and inconsistent off-screen rendering on smaller devices.
## Current Behavior
* Decorative element is pushed too far off-screen on smaller widths
* Partial clipping/inconsistent positioning may occur
## Proposed Fix
* Reduce excessive negative `right` offset
* Adjust width slightly for better responsiveness
## Environment
* Tested locally using the Layer5 docs development server
* Browser: Chrome
---
#### Contributor Guide and Resources
- 📚 [Instructions for contributing to documentation](https://github.com/layer5io/docs/blob/master/CONTRIBUTING.md)
- Layer5 documentation [site](https://docs.layer5.io) and [source](https://github.com/layer5io/docs/)
- 🎨 Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/GvB8SudhEOoq3JOvoLaoMs)
- 🙋🏾🙋🏼 Questions: [Layer5 Discussion Forum](https://discuss.layer5.io) and [Layer5 Community Slack](http://slack.layer5.io)
2 条评论