Div centered automatically

[monkeydmao]

Im using vitepress for the first time and on my home page when im creating a div with a vue component, the dive is automatically centered and cant take the full wisth of the screen (view the screen)

how can i fix that please??

[iomariani]

Just add a custom CSS changing .container max-width to your preference:

vitepress/src/client/theme-default/components/Page.vue

Lines 37 to 41 in 45b65ce

	.container {
	margin: 0 auto;
	padding: 0 1.5rem 4rem;
	max-width: 48rem;
	}

[xu4wang]

Just notice this is the issue I'm facing too. #1709

@iomariani would you please help clarify how to customize the max-width?
I am not sure should I follow https://vitepress.vuejs.org/guide/theme-introduction#customizing-css , since it mentions only default theme CSS variables can be overridden.

[iomariani]

Just notice this is the issue I'm facing too. #1709

@iomariani would you please help clarify how to customize the max-width?

I am not sure should I follow https://vitepress.vuejs.org/guide/theme-introduction#customizing-css , since it mentions only default theme CSS variables can be overridden.

Yes, just follow those steps to override the default css applied.