How to take a photo in full screen?

Question

css

How to make this site on bootstrap 4?

folkbeat.ru

Answer 1

To make an image full screen, just apply width: 100%; height: 100%; This will allow you to use 100% of the parent element, but here it is important that the html, body also have these values. There is also an entry width: 100vw; height: 100vh;
Such a solution would be adaptive:

img {
    width: 100vw;
    height: 100vh;
}

Answer 2

If the question is in the title, then I think: