Fixed border around viewport

Fixed border around viewport
0

#1

Hi, I am working on my portfolio project. I would like to add fixed border around my page like here but can’t figure it out or find elegant solution. Any tips appreciated, thanks.


#2

You mean the overall blue-ish border all around the page right ? In that case the following css code should do the trick for you :

CSS

body,html{
  height : 100%;
  width : 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}
body{
  margin : 0px;
  border: 10px solid blue; /* you can choose here whatever size and whichever color you like*/
}

Edit : Irrelevant


#3

Woops, sorry, I read the message too fast and didn’t see you were talking about the viewport. I found this article, it might help you archieve it :

good luck !