I have a link with text that is normal when it is displayed on the pc, but very large for mobile phones (where I would use only one acronym). I need a way to change the text according to the size of the display. I have already tried to know how to write texts with css, so in this way I just use media queries to display only the css that I need in each screen size, but I read that writing texts with:
:before {
content: "- ";
}
Not recommended. Please help me, the site that I am developing is this one , I want to modify the "committees" tab.