Recently, I encountered an issue while trying to adjust the fonts on my html page according to the screen size. Initially, I used
body{
font-size:1vmax;
}
However, even after deciding not to use this code anymore, the font continued to change based on the screen size. Interestingly, when I removed the reference to the CSS code, everything seemed fine. Can anyone provide assistance with this matter? Below is a snippet of my HTML code:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Kokeru</title>;
//Other HTML elements...
</body>
</html>
Furthermore, here is an excerpt from my custom stylesheet (custom-style.css):
body{
background-color: #bed0ca;
/* font-size: 1vmax; */
}
#kokeruBrand{
font-family: 'Raleway', sans-serif;
}
nav{
background-color: #e3f2fd;
}
//Other CSS styles...