Ideally, we would want the bundler to bundle the CSS files, and hence we should include the stylesheets in the index.js. So we can remove the linked CSS files in the index.html.
The main issue regarding the misalignment was that style.css was being overridden by hint.min.css. There was one import of the style.css in src/components/app.jsx which was the culprit. So removed it from there and put it together with the other imports in the index.js. Also maintained the order such that style.css is not overridden anymore. This fixes the alignment issue.
Fixes: #498
Ideally, we would want the bundler to bundle the CSS files, and hence we should include the stylesheets in the
index.js
. So we can remove the linked CSS files in theindex.html
.The main issue regarding the misalignment was that
style.css
was being overridden byhint.min.css
. There was one import of thestyle.css
insrc/components/app.jsx
which was the culprit. So removed it from there and put it together with the other imports in theindex.js
. Also maintained the order such thatstyle.css
is not overridden anymore. This fixes the alignment issue.Before![image](https://user-images.githubusercontent.com/51032928/157889095-f83647d0-afd8-4622-bbb2-945de4b8a00e.png)
After![image](https://user-images.githubusercontent.com/51032928/157889118-ab807ca9-a4f0-40c5-a6d0-60929801f742.png)