Grid Layout Settings

Grid Layout Settings

⌘K
  1. Home
  2. Docs
  3. Responsive Logo Showcase ...
  4. Layout Settings
  5. Grid Layout Settings

The Grid layout displays your logos in a clean, static, structured format.

  • Columns (Desktop / Tablet / Mobile): Granular control! Define exactly how many columns appear based on the user’s screen size.
  • Grid Gap (px): The amount of empty space between each logo.
  • Vertical Alignment: Align logos to the Top, Center, or Bottom of their respective rows.
  • Hover Effect: Add visual flair when a mouse hovers over a logo. Choose between Grayscale to Color, Zoom In (Scale), or Opacity Fade.
  • Logo Box Background: Add a specific background color to the individual boxes holding the logos.
  • Box Border Radius (px): Soften the edges of the logo boxes by adding rounded corners.
Was this article helpful to you? No Yes

How can we help?