Media:

Container:

@Container Sizing

This card is designed using a @container query, so that the card layout and colors respond the the size of the container it is in.

@Media Sizing

This card is designed using an @media query, so the card layout and colors respond to the overall viewport, regardless of context.

Container:

@Container Sizing

This card is designed using a @container query, so that the card layout and colors respond the the size of the container it is in.

@Media Sizing

This card is designed using an @media query, so the card layout and colors respond to the overall viewport, regardless of context.