In accessibility page, Show Welcome Box issue.

[smit08]

Steps to reproduce:

1. Visit the accessibility page (URL: ​https://make.wordpress.org/accessibility).
2. Then click the Show Welcome Box. And view this in responsive device below 1000px.
3. there is an issue of margin/padding between the <p> tag and Hide Welcome Box text.

[smit08]

As you can clearly see the padding issue between the Hide Welcome Box text and <p> tag description.

[hilayt24]

Instead of decreasing the margin and padding of the button, It is preferable to add the margin-top to teh content on teh smaller devices from 1024px.

[hilayt24]

Top spacing is added to the content on the smaller screens.

[nidhidhandhukiya]

After applying this solution the spacing between the show welcome box and hide welcome box is looking same so might be that will be relevant for this issue.

[hilayt24]

#6185 was marked as a duplicate.

[vijayhardaha]

I have some quick & small points to mention for review on similar pages if they are valid.

3 columns on .make-welcome has width:30% for min-width:1024px
if that's not intentionally then can we make those columns wider and fix them to parent wrapper using

@media screen and (min-width: 1024px) {
    .make-welcome .entry-content .column {
        width: 33.3333333333%;
        padding: 1.5%;
        float: left;
    }
}

.make-welcome .entry-content has max-width:940px; currently,
can't this section has max-width: 1024px; same as other sections and look properly aligned?

New block header using 889px for responsive while rest content after that using 876px.

​https://make.wordpress.org/docs/style-guide/
handbook breadcrumbs look too close to the handbook container name. Try checking 900px
top: 7rem; working perfectly on all screens so far.

handbook breadcrumbs using left: 280px; currently,
but not vertically aligned with entry content. we can try using left: 25%; margin-left: 4rem;

[bhaveshdesai13]

#6664 was marked as a duplicate.