Regarding Alignment of the content

[LShivaRudra]

Hi, I would like to know about how I can make the content center-aligned rather than left-aligned as shown in the pics attached(since a lot of empty space is there at the right).

TIA

[MrGreensWorkshop]

Not just for this particular problem, but for all things you want to change, use a proper editor like VS Code so you can search for texts.
Next, use your web browser development tools. This is not just for you. (For the people struggling to change things.)

• Download the VS Code,
• Learn how to use web development tools. For Chrome and Firefox, press F12.

For the things you want to change.

• Check out the yml files in _data/conf/ because settings are stored there. If you can't find the setting or option, use the search function in VS Code and look for it.
• If you can't find it, open your web browser's web development tool (F12) and look for items you want to change.
  

So we found the container (div), which holds components.

• You can experiment with the numbers; this is not centering; you need to calculate the left margin, but you also need to account for the side panel (visible or not).
  

• Finally, after you find the correct values for the things you want to change, search for the things and change the values. (You also need to do same things with the footer.)

• Or you can put the main-container inside another container (div) try to center it.

This is how I develop the template. I hope you can accomplish what you want to do.

[LShivaRudra]

Thanks!