How to make a wide responsive banner?

Question

Design

Task: Make a banner with text embedded in the image on the site.
How to set up a technical specification for the designer and layout designer so that the banner is adaptive at all resolutions from mobile to 2k and nothing goes anywhere? What should be taken into account?

Answer 1

1. Banner content area - the minimum resolution at which the content of the banner will be understandable.
2. The banner must use either vector or high quality images in order to export in 2x, and the banner should display well on the retina.
3. The banner should initially be drawn in the highest resolution, and the grid should take into account the content area. Some elements won't be visible on small screens, but it's important that the main message is always viewable.
Well, in principle, nothing else needs to be considered.