I'm currently designing QR code scanner with a box but it's not getting center
What I have tried:
.element{
align-self: center;
display: block;
position:justify;
margin-left: 100px;
margin-right: auto;
top:0px;
width:500px;
height:310px;
background:rgba(0,0,0,0.5) ;
-webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
}