Hi Serkan, with that CSS the height is fixed when the div “content” has a height over 700 pixels, but then it looks again bad when the height is less than 700 pixels.
So I have included this conditional CSS and now it works fine with every height.
}
@media screen and (min-height: 700px){
.content{
height:100%
}
It’s curious… but if I look at the webpage from my iPhone or from my Dell laptop it looks fine with several resolutions (1024×768, 1280×768, 1366x 768, etc)
But if I look it from this Philips monitor https://www.philips.es/c-p/170S6FS_00/- with the maximum screen resolution of 1280×1024 it looks like the picture I posted before. I guess it’s because the resolution?
PD: I am using the lastest version of Google Chrome in all my devices.