In this blog I am going to show you how we can make a image cover whole screen and it is also going to be to responsive.This tutorial is going to pretty short the prerequisites are HTML & CSS.
Inside our HTML we need to two elements one 'parentDiv' and inside it 'img'. Add whatever class you like to add to 'parentDiv' and also any image you wish to add onto your page.
Now inside our CSS we need to add 'width: 100%' & 'height: 100vh' to our 'parentDiv' so that it covers whole screen no matter screen size. We also need to add some properties for our image, 'width' & 'height' to '100%' so that it utilize whole space of its parent div and most important property 'object-fit: cover'