search

gemini-ui / gemini-ui-monorepo

Gemini UI monorepo
https://gemini-ui-website-gemini-ui.vercel.app
5 stars 1 forks source link

Grid layout issue #72

Open bcheidemann opened 3 months ago

bcheidemann commented 3 months ago
Screenshot 2024-03-24 at 21 05 08

Adding the following code in a docs file resulted in the above layout issue:

import { Styles } from "@gemini-ui-astro/styles";
import { DynamicGlow } from "@gemini-ui-astro/components";
import { Grid, Card } from "@gemini-ui-astro/components";

<Styles />
<DynamicGlow />

<Grid container gap="4">
  <Grid xs={12} sm={6}>
    <Card dynamicGlow>A</Card>
  </Grid>
  <Grid xs={12} sm={6}>
    <Card dynamicGlow>A</Card>
  </Grid>
  <Grid xs={12} sm={6}>
    <Card dynamicGlow>A</Card>
  </Grid>
  <Grid xs={12} sm={6}>
    <Card dynamicGlow>A</Card>
  </Grid>
</Grid>