Why my web page working abnormal?

Question

When I open the code in Sololearn it works fine but when I open it in chrome it leaves a huge space from top?
https://code.sololearn.com/WY5RFU7n60Zf/?ref=app
My web:https://norwegian-attractio.000webhostapp.com/

Why it leaves huge space from top?

Answer 1

No: by removing the link closing tag you will see no changes ^^

Non breakable spaces are spaces that cannot be break by a new line (since there's no real spaces just before or just after), and that are not collapsed by html... So render engine encounter a printable char (even uf it's a space) in you head section, and try to correct that (head should not have printable content), so they prepend it at start of the document. As you have an invisible space inserted (and not just collapsable spaces wich would make the line ignored) you get a line-height space at top.

Removing the non-breakable space would not remove all the top space, but will reduce it: you have to play with margins of your document first elements (including nested ones) and particularly those of the h1, if you want more reduction (by default the title tagd family has a relative big amount of margin top and bottom, defined relatively to the font-size ;P

Answer 2

SOUPTIK NATH You should make responsive page.

Answer 3

SOUPTIK NATH I can't show you but you can watch videos on youtube about this.

Answer 4

محمد المقابي

Don't post your problem in others questions.

SOUPTIK NATH Don't help anyone if it is not related to your questions.

Answer 5

SOUPTIK NATH Nothing will happen but you will get response by only them who are following this thread and I don't think that they can give answer every time. Hope you understand.

Answer 6

It works fine in Sololearn

Answer 7

in sololearn the quiz is really good. well done

Answer 8

SOUPTIK NATH You can check using Inspect Element in Chrome Browser. This is best option to debug code.

Answer 9

SOUPTIK NATH You can do so many things using Inspect Element. Just Learn how to do because it's very important in web development.

Answer 10

you may find answer in https://support.microsoft.com/en-in/help/822521/fix-runtime-errors-in-internet-explorer

Answer 11

SOUPTIK NATH
line 6 to 21 of "your" code (if it's yours, how could you wrote something without knowing its effect? ;P) defines a linear-gradient background and animate its position (moving the reference origin of the gradiant will act as if colors makes transition inside it).

Answer 12

visph ,AJ #Level 20 End Day Which javascript loads faster internal or external? Cause my attached code is taking longer time than usual to load the javascript in Web browser

My web site link also attached please check

Answer 13

SOUPTIK NATH Both will take same time. Better to use inside body tag before closing the tag.

Answer 14

Theorically internall (embeded) scripts loads faster than external (linked) ones... but the difference shouldn't be visible: the amount of data is quite the same in both cases but there's less http requests to do for the browser if there's less linked file (one request by file linked, any kind of type -- images, css, js... and anything that you can embed in an... <embed> tag through its 'src' attribute); and requests are the bottleneck of the communication client / server (that's what cause lags, and no noticeable change from high bitrates to very high bitrates for a standard web pages browsing...

So, it would mainly depends a few of your (or this of visitor) internet provider, and mainly of your hosting provider (some free of charge and low-cost offers are limited in bandwith)...

Answer 15

SOUPTIK NATH Why are you keep asking different question in your own threads?

Answer 16

visph Means how can I store question sets cause if I store it in array then browser is taking longer time to load the scripts

Answer 17

The best way for everybody is to open a new question-thread, and mention anybody you want from here ;)

Anyway, I don't know if mentions are working in question posts (but that would be a shame), because better way is also to not post in your own thread since anybody had answered: if you do so, your thread will not appears in the "not answered" questions list and some potentials helpers could be lost ^^

Answer 18

There is no problem I can see if works well with chrome

Answer 19

Ok visph I didn't notice that

Answer 20

actually i don’t know. maybe the height and the lenght are adaptes for sololearn format but not for chrome. with which support are you using sololearn ?