I am trying to figure out what would be the best approach (best practice) achieving responsive background image (full screen width).
I looked at different resources and each has a different approach.
In all the resources no one used the "top and bottom padding" as I am using in the example below. Yet when I remove the padding the background image is gone (apparently the height is unknown).
Also, the example below in not "responsive". Can someone advice/guide me?
background-position: center center;
padding: 300px 0;