Change the text size depend of div width

Asked Feb 28 '21 at 10:21

Active Feb 28 '21 at 12:10

Viewed 34 times

I would like to change the size of font in container, depend of container wide, using CSS. Parent container- a flexbox with flexbox children's that I want define to a breakpoint -

for example: if the container width size above 1000px, change the font size of the children div's to 20px. if the container size below 1000px - stay the font size of the children 25px.

I don't want to using media query because its not depends of screen size - it depends the width container size.

asked Feb 28 '21 at 10:21

meyt

Please provide the code example you have come up with so far. – FelHa Feb 28 '21 at 10:27
Check https://moderncss.dev/container-query-solutions-with-css-grid-and-flexbox/ – connexo Feb 28 '21 at 10:29

Change the text size depend of div width

0 Answers0