JSFiddle - React, Tailwind, and code Playground

by yosun

HTML

<body>

<div class="phone">
<a class="btn" href=""><img src="https://picsum.photos/135/135" /></a> 
<a class="btn" href=""><img src="https://picsum.photos/135/50" /></a> 
</div>

</body>

CSS

body { 
        margin: 0; padding: 0;  
        background-position: center center; 
        background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover;width:100%;
     }
.phone{
  display:flex;
  justify-content:center;
  align-items:flex-end; 
  height:100vh;
  background-image: url("https://via.placeholder.com/750x1500");
 background-size:80%;
        background-repeat: no-repeat;  
        width:100%;
}
.btn{
  display:flex;
  justify-content:center; 
  flex-flow: column;
   height:100vh;
}