{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-aspect-ratio-7","type":"registry:block","title":"4:5 social media portrait aspect ratio","description":"4:5 social media portrait aspect ratio","dependencies":[],"registryDependencies":["aspect-ratio"],"files":[{"path":"c-aspect-ratio-7.tsx","type":"registry:block","content":"import { AspectRatio } from \"@/components/ui/aspect-ratio\"\n\nexport function Pattern() {\n  return (\n    <div className=\"w-full max-w-xs\">\n      <AspectRatio\n        ratio={4 / 5}\n        className=\"bg-muted rounded-xl overflow-hidden border\"\n      >\n        <img\n          src=\"https://picsum.photos/1000/800?grayscale&random=7\"\n          alt=\"4:5\"\n          width={1000}\n          height={800}\n          className=\"h-full w-full object-cover\"\n        />\n      </AspectRatio>\n    </div>\n  )\n}","target":"components/examples/c-aspect-ratio-7.tsx"}],"meta":{"order":7,"label":"Social Portrait"}}