Can I change the width of .gradio-container at gradio? or can I change the Block's width?

Beginners
1

Hi, I am a junior front-end developer(react in js) in Korea.(Sorry if my language use is not good, if my message is hard to understand, I will use ChatGPT later)
For our company’s project, my boss gave me an order to make a website with gradio for our display machine which can check the abilities of human’s body functions.
So I tried to make the result pages that refers to the width size of 2160px, which is our machine’s width range.

But whatever I tried, nothing made the whole page design with the 2160px.

Gradio’s Blocks don’t accept the ‘elem_classes’
And ‘gradio-container’ also don’t accept ‘margin: 0’, ‘padding: 0’…
I also tried to adjust the classes like ‘gradio-app’ or ‘body’ or more but nothing helped me.

If somebody knows the solution, please help.

2

You can change the width using css

The class of the object app component is .app.svelte-182fdeq.svelte-182fdeq

Code

.app.svelte-182fdeq.svelte-182fdeq {
max-width: 150vh;
}

Hopefully that works for you.