I want the font to adjust when the sc reen size gets to 1050px. How do i do this with javascript
Add this to your css:
@media screen and (min-width: 1050px) {
body {
/* set font adjusters here */
}
}
you can do it with css and javascript
CSS
@media screen and (min-width: 1050px) {
body {
font-size: // the value you want
}
}
JavaScript
if(screen.width < your point) {
// change font size
}
you need to add event listener
const handleResize = () => {
if(window.innerHeight > 1050) {
//you can change font size here
document.getElementById("yourelement").style.fontSize = "69px";
}
}
window.addEventListener('resize', handleResize)