How to stretch the background to full width on the mob. devices?

Question

css

There is a website infocraft.pe.hu/. At the background on the mobile. devices, an indent appears on the left and a large indent below. How to fix? Help a newbie! Here is the code: https://jsfiddle.net/690hywgk/ (only here without images).

Answer 1

no viewport, dimensions for adaptability are not set correctly,
for example you write: width: 900px;
and you need: width: 100%; max-width: 900px

Answer 2

1. Set correct meta viewport
2. Set html and body height and minimum height 100%
3. Don't apply background to html, better to body or main wrapper block.