I've been using theme-ui in a few websites with no problems. However, when I ported my personal website from styled-system & rebass, I'm running into a weird issue that I couldn't figure out.
When the website loads, there are some padding and marging styles that are applied right after the website is loaded. My guess is that the inlined styles are not loaded before the DOM elements are rendered. This is the layout component where the styles are defined.
Not sure if it has to do with how I configured things or it's a bug in theme-UI or Emotion. I'd appreciate if you con point me to where the issue might me coming from.
PS: Thanks for making such a great library for the community.
Not entirely sure what's happening, but I do see some invalid HTML markup –
Ouch, good catch. I fixed that.
I fixed it but the issue keeps happening. I actually added it in case that was the reason why it didn't work. I've also tried removing the
I'm a bit lost, not sure where to debug the issue.