Which class makes cards stack on mobile and align in a row on larger screens?

Problem Statement

Explanation

Tailwind’s responsive utilities let you change layout per breakpoint. 'flex flex-col md:flex-row' stacks items vertically on mobile and horizontally on desktops.

Code Solution

SolutionRead Only

class='flex flex-col md:flex-row gap-4'

Practice Sets

This question appears in the following practice sets:

Components & Real-World Patterns

Next Question

Master Interviews
Anywhere, Anytime

Which class makes cards stack on mobile and align in a row on larger screens?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Tailwind CSS primarily known for?

Which command installs Tailwind CSS via npm?

What is a 'utility class' in Tailwind CSS?

What is one major advantage of using Tailwind CSS?

Where do you include Tailwind’s base, components, and utilities in your project?

More from Tailwind CSS

Master Interviews Anywhere, Anytime

Which class makes cards stack on mobile and align in a row on larger screens?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Tailwind CSS primarily known for?

Which command installs Tailwind CSS via npm?

What is a 'utility class' in Tailwind CSS?

What is one major advantage of using Tailwind CSS?

Where do you include Tailwind’s base, components, and utilities in your project?

More from Tailwind CSS

Master Interviews
Anywhere, Anytime