---
meta:
  title: Aspect ratios
  description: The responsive component is used as a wrapper component to force custom aspect ratios for its children.
  keywords: ratio, responsive, aspect ratios
related:
  - /components/cards/
  - /components/sheets/
  - /components/images/
features:
  github: /components/VAspectRatio/
  label: 'C: VAspectRatio'
  report: true
---

# Aspect ratios

The `v-responsive` component can be used to fix any section to a specific aspect ratio

<PageFeatures />

## Usage

Specify a custom aspect-ratio

<ExamplesUsage name="v-responsive" />

<PromotedEntry />

## API

| Component | Description |
| - | - |
| [v-responsive](/api/v-responsive/) | Primary component |

<ApiInline hide-links />
