Hi, this is Chris from 10 Magazine. South Korea.
I am working on building a site for client, now working on adjusting screen sizes on different devices.
There is only mobile and PC mode on padding adjustment for header element, see link here
My question is how can I optimize the header padding for Header element?
If its a full width hero that only contains a background image, then % padding can keep the image responsive across all sizes. Just make the total top+bottom padding equal the original images asepct ratio eg. Height / width * 100.