This is some good quality stuff, thank you! my question is why did you choose 800px for the media query? do you always use 800px as a max-width or do you have a method to determine how much width is needed, also why did you choose px instead of em as a unit?? and again thank you and I hope your content reaches more people.
Thanks! A valid question, too.
I wanted to keep it as simple as I could, and make sure that the viewport would be easily visible for anyone testing it. I usually go for 750.
About font sizes, again, simplicity. Everyone knows pixels, thought I’d keep it simple. ✨
Oh, I get it now, I usually use rem for font-size and em for margins and paddings, is my approach correct? And since I've found someone who explains well, there is question that is always on my mind, and it's could we run into problems with font-size being too big (in small screens) and it being too small ( in Tv size monitors)? because unlike other things in the website (like divs and imgs) text-size doesn't scale up or down depending on the view port size, even when using rems and ems (because they are just relative the font-size of the root element which is usually 16px?). And sorry for bombarding you with my questions 😅.
In general, TV screens are such a minimal margin it’s not the best idea to make big decision based on that. Get to know your audience, find out what they use, and test on whatever you can.
Ideally you want to follow accessibility guidelines, as outlined in accessibility.psu.edu/fontsizehtml/
This is some good quality stuff, thank you! my question is why did you choose 800px for the media query? do you always use 800px as a max-width or do you have a method to determine how much width is needed, also why did you choose px instead of em as a unit?? and again thank you and I hope your content reaches more people.
Thanks! A valid question, too.
I wanted to keep it as simple as I could, and make sure that the viewport would be easily visible for anyone testing it. I usually go for 750.
About font sizes, again, simplicity. Everyone knows pixels, thought I’d keep it simple. ✨
Oh, I get it now, I usually use rem for font-size and em for margins and paddings, is my approach correct? And since I've found someone who explains well, there is question that is always on my mind, and it's could we run into problems with font-size being too big (in small screens) and it being too small ( in Tv size monitors)? because unlike other things in the website (like divs and imgs) text-size doesn't scale up or down depending on the view port size, even when using rems and ems (because they are just relative the font-size of the root element which is usually 16px?). And sorry for bombarding you with my questions 😅.
In general, TV screens are such a minimal margin it’s not the best idea to make big decision based on that. Get to know your audience, find out what they use, and test on whatever you can.
Ideally you want to follow accessibility guidelines, as outlined in accessibility.psu.edu/fontsizehtml/
Noted, thanks!