search

schalkneethling / 150days-of-html

A ~150 chapter journey through the landscape of HTML
https://150daysofhtml.com
MIT License
3 stars 0 forks source link

HTML source code spill in the upper-left corner #98

Open bpires opened 2 years ago

bpires commented 2 years ago

Page URL

https://150daysofhtml.com/

What specific section or headline is this issue about?

Main page

What information was incorrect, unhelpful, or incomplete?

I'm getting a grey square in the upper-left corner of the page containing some HTML code that I don't think belongs there... I couldn't figure out what that is! 😅

I'm using Google Chrome Version 102.0.5005.63 on a Windows 10 Pro 19044.1706 SO (64-bit).

I've got similar results on Microsoft Edge Version 102.0.1245.33 and Firefox v.92.0, but in the background.

What did you expect to see?

Nothing.

Do you have any supporting links, references, or citations?

Chrome image

Edge or Firefox image

schalkneethling commented 2 years ago

Thank you for reporting @bpires. What you are seeing in Edge and Firefox is actually intended 😄 That is an SVG. I have never really been sold on this and I am thinking I should remove it as it is too distracting. Thank you for helping me make up my mind.

bpires commented 2 years ago

To be honest, it never occurred to me that it was intentional! 😅 I got the idea now haha but it is indeed a bit distracting... perhaps if the text was in a light grey, it might work better as a background! However, it isn't operating well in Chrome!

bpires commented 2 years ago

Maybe you could work on that idea further to create a background pattern.. but personally I prefer a solid or gradient background (I'm on the minimalist side 😅)

This is just a brainstorm, just to illustrate the point, I'm no designer: Group 1

schalkneethling commented 2 years ago

@bpires Thank you for your suggestions. I am definitely leaning strongly towards a nice background gradient.