0
Please help me, I've been suffering for a month with this.
I was looking at the site code, everything was fine, but then I saw this (white text). What's it? And is it possible to somehow? https://code.sololearn.com/Wgoqh7CwsVpb/?ref=app
2 Answers
+ 5
The code you posted is incomplete.
Anyway if you mean this part:
<style data-vue-ssr-id="4d055ead:0 798d107c:0 ...">body{color:#222;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:17px;margin:0;background-color:#fff7eb;
It is inline CSS, and based on the attribute it is probably auto-generated code by Vue server-side rendering features. My best guess is Nuxt.js but I am not familiar with this framework.
https://nuxtjs.org/
+ 3
To correct Tibor Santa it is internal css not inline, so you won't be confused if you look on internet for answer.
There is 3 ways to connect our css, inline, internal and external, this part of code is unfinished but it is used to add style to page, it should look something like this:
<style>
body{color:#222;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:17px;margin:0;background-color:#fff7eb;background-attachment:fixed}
</style>
then we need to close some tags and add body with page data
If you add </style> at end it will become colored (on sololearn editor, and probably on most editors), it is white because editor does not understand unfinished code so it mark this as text inside editor.
Little note last css style is cut in middle of word.
Linking css:
https://www.w3schools.com/html/html_css.asp
To learn css, check css course