style: update CSS to resolve whitespace issue on devices under 704px height.

[mohammednumaan]

Summary

Fixes #12202

Problem

This PR fixes the white-space issue in the sidebar on devices under 704px height. The issue is most likely due to the section.side.place class which has the following CSS:

.place {
   align-self: center;
   grid-row: 2/3;
   justify-self: center;
   margin-bottom: 0;
}

Here, the grid-row is set to 2/3. The element takes 2 rows of space and causes the large white-space shown below.

Solution

The solution to fix this issue would be to modify the grid-row property in the .place class. By setting it to auto the issue is resolved.

---

Screenshots

The screenshots are attached below for reference.

Before

After

---