export default function Example() {
  return (
    <Box
      css={{
        display: "flex",
        justifyContent: "center",
        width: "100%",
        flexDirection: "column",
        flexWrap: "wrap",
        alignItems: "center",
        gap: "$100",
        padding: "$100",
        paddingTop: "$200",
      }}
    >
      <Card
        css={{
          display: "flex",
          alignItems: "center",
          gap: "$100",
          padding: "0",
        }}
      >
        <img
          height="110"
          width="auto"
          layout="fixed"
          alt="Vibrant quinoa bowl with carrots, tomatoes, and cucumbers"
          src="https://images.pexels.com/photos/1640777/pexels-photo-1640777.jpeg"
        />
        <p>
          Yummy weeknight <a href="">quinoa bowl</a>
        </p>
      </Card>
      <Card
        css={{
          display: "flex",
          alignItems: "center",
          gap: "$100",
          maxWidth: "200px",
          padding: "0",
        }}
      >
        <img
          height="110"
          width="auto"
          layout="fixed"
          alt="Vibrant quinoa bowl with carrots, tomatoes, and cucumbers"
          src="https://images.pexels.com/photos/1640777/pexels-photo-1640777.jpeg"
        />
        <p>
          Yummy weeknight <a href="">quinoa bowl</a>
        </p>
      </Card>
    </Box>
  );
}