AI solution for CSS coding question on BFE.dev
24. fluid font size

@media (max-width: 200px) { .title { font-size: 16px; } }

@media (min-width: 400px) { .title { font-size: 32px; } }

@media (min-width: 200px) and (max-width: 400px) { .title { font-size: calc(16px + ((100vw - 200px) * ((32 - 16) / (400 - 200)))); } }

Note: The "calc" function is used to perform calculations in CSS. The formula used here is the linear scaling formula:

(current font size) = ((viewport width - minimum width) * ((maximum font size - minimum font size) / (maximum width - minimum width))) + minimum font size