Why is the paragraph text being set to 150% equivalent to 24px?

100% = 16px 150 % = 24 px

The paragraph element is a child of the body element (the parent). I always get told that I look just like my dad, but my mom says I look more like his dad. We both are really good at observing others. I've always been very imaginative & detail-oriented, just like my mom. I am a percentage of my dad & my mom. The same thing is happening here.

I think the default is always 16px. If 100% is the same as 16px, than half of that (50%) would be the same as 8px. 16px + 8px = 24px.

I haven't tried it yet, but it might be possible to change the default font-size from 16px. First, link a normalize.css file to your webpage. Then, edit the normalize.css file to set the font-size to 20px (or whatever you want it to be). In the .html file, link a second .css file that would be used to for styling the webpage. The edited normalize.css file should override the default browser styling, allowing the second .css file to relate to it, rather than the browser styling. Maybe someone more experienced could confirm this.

Default size is always 16px ( which you can change this with normalize.css - where you can specify your own default size). Also, paragraph is relative to body as it is inside body tag, to further clarify, take the class primary-content and in css set its font-size to 30px, now if you have font-size of p as 150%, then the text in paragraphs inside the class "primary-content" will have size 45px will the font-size of rest of the paragraphs (which are not part of "primary-content") will have their font-sizes set to 24px. Hope that helps :)

Neither of these responses answered my question, unfortunately :(

I was just scrolling and couldnt help but realize how pretty you are