Logo List
Loading "Building a Responsive Logo"
Run locally for transcripts
๐จโ๐ผ 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.