Learn how to give responsive styles to your elements.
Just add a responsive media prefix before any property:value pair and watch it magically apply at that specified breakpoint. For instance:
<p class="fontSize:16px md:fontSize:24px"></p>
In this example, the paragraph element has a font size of 24px for medium-sized screens and above, and 16px font size for smaller screen sizes.
The following table lists all supported media prefixes:
|xs||Extra-Small||0px and above|
|sm||Small||600px and above|
|md||Medium||960px and above|
|lg||Large||1280px and above|
|xl||Extra-Large||1920px and above|