0
Playground view vs. Browser View
Hello, does anyone know why the code run in the playground section being directed there from "Try it myself" looks as a page differently in playground than in a regular browser? E.g., there are turquise lines around "My blog" in the Playground view but not when viewed in Safari. Thanks a lot for an answer Leonardo
4 Answers
+ 2
Without looking at the code, the only explanation that I can give you is that the turquoise lines are not compatible with Safari. I would not be able to give any answer but browser compatibility issue
0
Same goes for Firefox and Chrome.
The Code is the Code from "HTML Fundamentals"
<!DOCTYPE html>
<html>
<head>
<title>My Blog</title>
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
</head>
<body>
<!-- About Me section start -->
<div class="section">
<h1><span>About Me</span></h1>
<p>
Hey! I'm <strong>Alex</strong>. Coding has changed my world. It's not just about apps. Learning to code gave me <i>problem-solving skills</i> and a way to communicate with others on a technical level. I can also develop websites and use my coding skills to get a better job. And I learned it all at <strong>SoloLearn</strong> where they build your self-esteem and keep you motivated. Join me in this rewarding journey. You'll have fun, get help, and learn along the way!
</p>
<p class="quote">"Declare variables, not war"</p>
</div>
<!-- About Me section end -->
</body>
</html>
This looks tortally different in the Sololearn Playground then in any other mentioned Browser.
0
I think it has to do with the "CSS".
<head>
<title>My Blog</title>
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
</head>
For some reasons it works in the "Playground" but not when displayed in a browser.
In the Playground is a CSS tab.
I copied that code to create a styles.css in my home directory where the index.html is as well.
Still not working
i changed the link in the head to:
<head>
<title>My first Project</title>
<link href="styles.css" rel="stylesheet">
</head>
works.
Then i put a Style section in the header with the css code from the playground tab.
works as well.
So am just wondering why the this <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet"> doesnÂŽt work.
Any idea?
.
0
I figured out the end of a div-tag was missing. Now it works.
Often have questions like this?
Learn more efficiently, for free:
