Update styling for home page

[RajVarsani]

On the current site, content gets farther away for larger screens, making UI a bit uncomfortable and confusing for users.

It can be changed to something similar to this.

[bumi]

should we "zoom" with such big screens? having another response breakpoint and increase the font size for such screens?

[RajVarsani]

I wouldn't suggest increasing font sizes, The current site already has a larger font size than most of the sites; In fact, I would suggest decreasing font size for smaller screens.

In a typical laptop screen of 15.6 inches, some content is not visible in the viewport, as shown in the screenshot below.

To see the full content, I had to zoom out. The below screenshot is at 90% zoom. Even after zooming out, there is a spacing issue, as the top has much negative space pushing content almost at the bottom of the viewport.

[bumi]

//cc @Tiana01

[Tiana01]

I wouldn't suggest increasing font sizes, The current site already has a larger font size than most of the sites; In fact, I would suggest decreasing font size for smaller screens.

In a typical laptop screen of 15.6 inches, some content is not visible in the viewport, as shown in the screenshot below.

To see the full content, I had to zoom out. The below screenshot is at 90% zoom. Even after zooming out, there is a spacing issue, as the top has much negative space pushing content almost at the bottom of the viewport.

so there's a redesign coming for this page. This design wasn't made with the current style and all I guess that's why it's that way @bumi

[Tiana01]

From a design pov I think what you suggested would work but I believe you could also bring the logo and the other menu items closer so that the logo aligns with the left side of the text and the buttons align with the right. @RajVarsani

[RajVarsani]

Sure, Sounds good to me. I'll update that in the PR. We'll see how everything comes together.