luniv/After.png

## After.png

      
    Raw
  

              After.png
            
          
## Before.png

      
    Raw
  

              Before.png
            
          
## gistfile1.html
<!DOCTYPE html>
<html>
  <head>
    <style>
      @viewport {
        width: 200px;
      }

      #box {
        background: blue;
        height: 150px;
        width: 200px;
      }
      #half-box {
        background: green;
        height: 50vh;
        width: 50vw;
      }
    </style>
  </head>
  <body>
    <div id="box">
      <div id="half-box">
      </div>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	@viewport {
	width: 200px;
	}

	#box {
	background: blue;
	height: 150px;
	width: 200px;
	}
	#half-box {
	background: green;
	height: 50vh;
	width: 50vw;
	}
	</style>
	</head>
	<body>
	<div id="box">
	<div id="half-box">
	</div>
	</div>
	</body>
	</html>