diff --git a/components/GridRep/index.scss b/components/GridRep/index.scss index f36667a1..0b18dffa 100644 --- a/components/GridRep/index.scss +++ b/components/GridRep/index.scss @@ -38,10 +38,6 @@ aspect-ratio: 2/1; display: grid; grid-template-columns: 1fr 3fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ - grid-template-rows: repeat( - 3, - 1fr - ); /* create 3 rows, each taking up 1 fraction */ grid-gap: $unit; /* add a gap of 8px between grid items */ .Weapon { @@ -50,6 +46,8 @@ } .Mainhand.Weapon { + aspect-ratio: 73/153; + display: grid; grid-column: 1 / 2; /* spans one column */ } @@ -67,7 +65,7 @@ } .Grid.Weapon { - aspect-ratio: 160 / 92; + aspect-ratio: 280 / 160; display: grid; } @@ -75,7 +73,6 @@ .Grid.Weapon img[src*='jpg'] { border-radius: 4px; width: 100%; - height: 100%; } }