Image wrap er pga. responsive tilpasning lavet med positionering og procenter. Koden nedenfor kan bruges hvis du skal tilpasse højden på image wrap.
Eksempel:
Produkterne på desktop måler 300px i bredden, og du vil gerne have billedrammen til at være 200px i højden. Der er en negativ margin på 10px der skal trækkes fra produktets bredde – derfor bliver breddens udgangspunkt 280 i stedet for 300.
Regnestykket ser derfor således ud:
(højde/bredde)*100 = (200/280)*100 = 71,43
Altså skal nedenstående padding være 71.43%