Increase width of front page sections

Illdy
1

Hello,

I’d like to increase the width of my front page sections. I am trying to find the correct CSS styling snippet to do this. Could I get some advice please?

At present I am using the below CSS to increase the responsive front page seciton width on devices that exceed 1920px.

@media screen and (min-width: 1920px) {
.container {
width:50%;
}
}

Is this the correct way of going about doing this?

My website danedits.co.uk
Dan

2

Hi Dan

You are nearly there, but you have to use PX instead of %, try this:

@media (min-width: 1200px){
.container {
width: 1370px;
}
}