HTML reset copy

<div class="tablet"> <div class="content"> <iframe src="https://www.share-social.com/" style="width:100%;border:none;height:100%" /> </div> </div>

CSS reset copy

.tablet { position: relative; width: 768px; height: 600px; margin: auto; border: 16px black solid; border-top-width: 60px; border-bottom-width: 60px; border-radius: 36px; } .tablet:before { content: ''; display: block; width: 60px; height: 5px; position: absolute; top: -30px; left: 50%; transform: translate(-50%, -50%); background: #333; border-radius: 10px; } .tablet:after { content: ''; display: block; width: 35px; height: 35px; position: absolute; left: 50%; bottom: -65px; transform: translate(-50%, -50%); background: #333; border-radius: 50%; } .tablet .content { width: 768px; height: 600px; background: white; margin: -1px; }