Logo List

๐Ÿ‘จโ€๐Ÿ’ผ I know I repeat myself, but... make the list of logos look like the design in Figma ๐Ÿ˜…

Wrapping list

๐Ÿจ Implement the correct gap, max-width and alignment on the ul element, according to the Figma specs.
๐Ÿ’ฐ For the max-width, you need to look at larger screens on the design. Since we might be previewing our design on larger viewports, it's nice to already have the correct max-width set up, so it doesn't look ridiculously wide.
๐Ÿ’ฐ Since the tiles seem to be flowing line by line and wrapping, you probably want to look into using ๐Ÿ“œ flex-wrap on that ul element.

Logo tile

๐Ÿจ Apply the logo tile styles on the a element, based on the Figma design.
๐Ÿ‘จโ€๐Ÿ’ผ Pay attention to the size, background opacity, border-radius and all!
๐Ÿ’ฐ To center the logo inside the tile, you can use make the a tag a grid, and used our now best friend ๐Ÿ“œ place-items property.

Please set the playground first

Loading "Logo List"
Loading "Logo List"