search

smucode / react-world-flags

Easy to use SVG flags of the world for react
https://smucode.github.io/react-world-flags/
MIT License
146 stars 40 forks source link

why is gb.svg and us.svg larger ? #672

Closed flazouh closed 1 year ago

flazouh commented 1 year ago

it gives a very undesired behaviour where this happens:

Screenshot 2023-03-20 at 16 22 03
smucode commented 1 year ago

The flags have different proportions. Try setting a fixed width to resolve that:

<Flag code="nor" width="16" />

Or better in your case since you probably already have a height set, create a wrapper element around the image with a fixed width just large enough for the widest image, so your name column aligns nicely.

makis-x commented 4 months ago

This is such a non starter I cant believe it's not been addressed or big disclaimer "Icons vary in size unless you manually adjust them"