fix: ui-center-issue on frequently asked question section

[akash02ab]

closes #22

• Center FAQ items on desktop and mobile screens.

Approach

• Added FAQ items under <div> with flex-column.
• Given fixed width to parent div of FAQ items so that it won't shift when description is expanded.

Desktop View:

Mobile View:

[ianujvarshney]

Hello @akash02ab , kindly ensure that the alignment is set to center-left rather than full center. Additionally, please incorporate padding between elements for a visually appealing layout. It's essential to prioritize responsiveness to ensure a seamless display across various devices. If you have any questions, feel free to ask!

[akash02ab]

@ianujvarshney Few Questions:

1. From where the center-left start?
2. One way to align center-left is to give left padding to FAQ items, but in this case we have to give different padding for different screen break points. Or do you suggest any other solution?
3. What would be ideal padding between elements (y-axis)? Should we keep less padding for mobile device and more for desktop?

[ianujvarshney]

@ianujvarshney Few Questions:

1. From where the center-left start?
2. One way to align center-left is to give left padding to FAQ items, but in this case we have to give different padding for different screen break points. Or do you suggest any other solution?
3. What would be ideal padding between elements (y-axis)? Should we keep less padding for mobile device and more for desktop?

@akash02ab Please prioritize fixing the initial FAQ to ensure proper padding and alignment. The padding adjustments should be made with the user's perspective in mind for an optimal viewing experience.