Widgets pane is too wide

[GoldenGoCoding]

• Issue: the widgets pane is too wide and blocks too much content in my screen which is a 1366x768 display, in real windows 11 the widgets pane is a lot thinner in my display.
• Solution: instead of setting a width in the unit of pixels set the width as a percentage.
• Code:

• 
  .widPaneCont {
      --bg1: rgba(234, 234, 234, .25);
      --bg2: rgba(255, 255, 255, .5);
      --clr1: #fefefe;
      --clrWeather: #fff3be;
      --topStoriesClr: #c6a0ff;
      position: absolute;
      top: 12px;
      left: 12px;
      bottom: 12px;
      width: 40%; // this is the style that I have assigned and it looks good
      border-radius: 8px;
      overflow: hidden;
      -webkit-transform: translateX(0);
      transform: translate(0);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      transition: all .3s cubic-bezier(.77,0,.18,1);
      z-index: 9999;
  }
  ![Windows-11-widgets](https://user-images.githubusercontent.com/101265437/186092528-87159e4b-b069-4aeb-b53d-c9b324d7188d.jpg)
  this is the reference image I used.

this is the result.

[win11bot]

Hey, thank you for creating an issue. We will normally respond within 24 hours.

[yashash-pugalia]

will add max-width for smaller displays

d19b619dd5f0e6c20baa76c6986e264dc86ceb10