CSS Overriding Issue
Please check the video, I dont know from where this H1 is coming as I have changed its size, and I want the text to be in big size but how and from where this default h1 of 2em is coming?
On Firefox and even on Codepen attached below, it is looking fine, but on chrome I dont know whats the problem.
Thanks,
Hamza N.
https://codepen.io/hamzacodepen951/pen/KKJZJXN
11 Replies
I think from the style tag in your html
otherwise, you'll need to share some actual code (preferably in a working codepen)
codepen is already attached above, please check
in the codepen I can not see that style tag. so I guess there lays the issue
Yes true I didnot use style tag anywhere
can you show the page-source instead of the inspector.
I suspect something is inserting this code (perhaps a browser extension?)
otherwise, try it in a different browser
maybe
in code pen works fine
in firfox works fine as well
then you'll have to check your extensions. it's not a coding issue
Thank you, it was extension problem
solved now
By the way, why it happened, wanted to know for knowledge.
well something is inserting those style codeblocks. probably inside there is a css declaration for h1 with the !important keyword. But that is only speculation from my side because i can not see it
ok thank you