Max-width CSS for the platform

[wayfair-archive]

Max-width CSS for the platform

[leira-sanchez]

Why shouldn't it stretch the whole width?

[SheaBelsky]

@leira-sanchez On larger screens, it's hard to read the content of the webpage if the content takes up everything that it can. It reduces eyestrain and the amount of real estate that a visitor needs to physically read in order to digest what's on a page.

[DerekDenHartigh]

couldn't you just target the body for a set width via media query? e.g.

CSS:
@media screen and (min-width:960px) {
body { max-width: 960px !important; }
}

[SheaBelsky]

that would be the idea. It would only take effect for larger browsers, smaller browsers who need all of the width will not be affected. I think we already have some sort of max width for our lesson page, just want to make sure it gets put on other pages as well.

[Prateek93a]

Can I work on this for the Hacktoberfest contest?

[SheaBelsky]

Yes, feel free to go for it @Prateek93a !

[Prateek93a]

Thanks

[SheaBelsky]

@Prateek93a Are you still working on this issue? If not, please let me know, so that I can unassign you from this issue.

[shreegowtham27]

Hai, Please check the PR #116 have made the tweak, I have added the size as 80%

[Prateek93a]

@SheaBelsky Sorry Sir I am not currently working on it. Kindly assign it to someone else.