Set Max-Width for Page Layout with Padding for Consistent Responsive Design

[MutiatBash]

Apply a maximum width of 1190px to the main layout container with 32px padding on the left and right sides. This ensures that content stays centered and maintains consistent spacing across various laptop screen sizes for improved readability and responsiveness.

[Jivi-this-side]

Greetings, @MutiatBash !
Based on the provided issue, it appears that the required solution involves adding the following attribute:
className="max-w-[1190px] px-8 mx-auto box-border" to the main element at the specified location:

https://github.com/open-nest-africa/open-nest-africa/blob/23e317f8e5c5fdcfd9e6b863b76bf5cd98b64da1/src/components/layout/Layout.js#L9

This adjustment aligns with the request to ensure a maximum width of 1190px with 32px padding on both the left and right sides, which would maintain a centered and responsive layout. If this interpretation is correct, can I proceed with implementing this changes.

Thank you... 🌻

[MutiatBash]

Greetings, @MutiatBash ! Based on the provided issue, it appears that the required solution involves adding the following attribute: className="max-w-[1190px] px-8 mx-auto box-border" to the main element at the specified location:

open-nest-africa/src/components/layout/Layout.js

Line 9 in 23e317f

{children} This adjustment aligns with the request to ensure a maximum width of 1190px with 32px padding on both the left and right sides, which would maintain a centered and responsive layout. If this interpretation is correct, can I proceed with implementing this changes.

Thank you... 🌻

Hello @Jivi-this-side ......Yes you can go ahead...I'll assign the issue to you
Please ensure the changes reflect across all the pages....you can attach screenshots as well
Thank you

[Jivi-this-side]

Hello @MutiatBash ,
As per our discussion, I have submitted the Pull Request #94 addressing the outlined changes. Please take a moment to review it at your convenience. Do let me know if there are any additional modifications or refinements required .

Thank you for your time and support! 😊