Uanset om der er referencer, partnere eller kunder - der er mange tilfælde, hvor du vil vise flere logoer ved siden af hinanden harmonisk. Andelene af logoerne er for det meste inkonsekvente. Ofte følger du din tarmfølelse for størrelsesrepræsentationen i designet, men der er også en nøjagtig beregningsmetode til en visuelt tiltalende repræsentation ved at sidestille logoernes områder. I det følgende eksempel kan du gøre dette med blot et par linjer JavaScript.
Hvis du sidestiller højden, får du følgende udseende:
CodePen
Hvis du udfører den samme procedure med bredden, vises følgende illustration:
CodePen
Det er bedre at sidestille området ved hjælp af nogle få JavaScript-linjer:
1dacb229fcfb428ee3cb6b414625be29
Dette giver det følgende billede:
CodePen