Skip to main content

Devices

Square only

Easily add device screens – we covered two svg frames for you. You can place images of any size or kind inside the frame but we recommend the following sizes. Laptop: 572px x 375px or of the same ratio. Phone: 228px x 495px or of the same ratio.

photo-19 laptop-frame 
<div class="device-laptop">
    <img src="../assets/images/photos/photo-19.jpg" class="screen" alt="...">
    <img src="../assets/images/frames/laptop-frame.svg" class="img-fluid" alt="..."/>
</div>
photo-19 photo-frame 
<div class="device-iphone">
    <img src="../assets/images/photos/photo-19.jpg" class="screen" alt="...">
    <img src="../assets/images/frames/phone-frame.svg" class="img-fluid" alt="..."/>
</div>