Fixed border around viewport

Fixed border around viewport


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.


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 :


  height : 100%;
  width : 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

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

Edit : Irrelevant


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 !