using <code> in plugin description breaks page responsiveness

[ramiy]

When i use my mobile device to see my plugin page, it look's great with a nice responsive layout.

But plugins that use <code></code> are not responsive. it's a minor fix with huge UX impact.

[ramiy]

Problem

style-wp4.css line 88

#plugin-info pre {
  overflow: auto;
  width: 525px;
  clear: both;
}

Solution

Removing the width fixes the problem.

[Otto42]

Can you provide a URL to an example page on the plugins directory we can see this affect?

[ramiy]

​https://wordpress.org/plugins/playbuzz/

[Otto42]

Good change. I'll change it to max-width instead, which should have the same impact but still limit the width there so as to not cause an overflow.