Webpage Border

Activello
1

Hello,

I have this css code to add a border around my webpage:

/Border Around Webpage/
body {
margin: 0;
padding: 0;
border: 50px solid #000000;
}

How would I not add a border around mobile devices (tablet and phone), but around the webpage when viewed on larger screens (laptop/desktop)? I noticed some things don’t transfer well to smaller mobile devices.

Thanks,

Brandon

2

Hi Brandon,

I hope you are well today and thank you for your question.

To achieve that please change the above CSS code as following.

@media (min-width: 768px){
/*Border Around Webpage*/
body {
margin: 0;
padding: 0;
border: 50px solid #000000;
}
}

Best Regards,
Movin

3

Perfect. Thanks!

4

You are most welcome here :slight_smile: