How do I make adaptive text using the Typography component from Ant design 5?

Using Ant design 5.3.0

The Typography component has 3 elements: Title, Text Paragraph. How can I make the text they render shrink/enlarge according to the current screen resolution?

Now text rendered by Typography is not responsive.

Solution

One of ways to do it is installing "react-responsive" - the library which is specified among third-party libraries at official ant design website

How to exclude an element from view transitions?
Nesting pseudo-elements inside pseudo-elements
Using margin on flex items
How to disable scrolling in the background when the mobile menu is open?
Is there a way to make a custom border in CSS?
How to make border with square on corners?
Position absolute with Left:100% , Child element goes out of the parent continer
How to setup TailwindCSS in Angular 11.2.0 or lower
How can I target a specific column or row in a CSS grid layout?
React Chat Page with Leftbar, Toggle and Bot Component
What are the differences between @use and @forward in SASS?
How to Style Blazor InputFile Component
How to include only part of font-awesome
Resize Tables with css
CSS: Getting my sidebar to not be on top of my other content
How to align checkboxes and their labels consistently cross-browsers
Does every browser support all unicode?
Create responsive table using flexbox
Targeting only Firefox with CSS
Is it possible to detect Firefox users in pure CSS?
Is it possible to adjust mat-form-field-outline thickness?
CSS: center a fixed div
How to clone an item of a list "li" several times with incremental ids and values
Angular focus on input while clicking an element
I'm having trouble with react-datepicker position
Target first `li` having specific class inside `ul` with css only
How to position a popover in css
<h1> element vs "text-h1" class
How do I highlight text linked to from a separate webpage?
Rotate SVG path using CSS