Smart Phone with CSS

by nijinvinodan

HTML

<div class='phone-Layout'>
    <div class='phone-Screen'>
    </div>
    <div class="main-Button"></div>
</div>

CSS

.phone-Layout{
    position:relative;
    width: 300px;
    height: 500px;
    margin:auto;
    border-radius:55px;
    border: 2px solid white;
    padding:100px 15px;
    background: #333;
}
.phone-Screen{
    width:100%;
    height:100%;
    background:white;
}
.main-Button{
    position:absolute;
    bottom:40px;
    left:140px;
    width:50px;
    height:50px;
    border-radius:25px;
    background:black
}