dc9b421e21
The margin property can escape the parent node and move it alongside its child. This happens with singlePage div and the body, resulting in scrollbars appearing as the body has the size of the viewport but does not align with it. This phenomenon can be always observed in the vertical axis and it can also be observed in the horizontal axis when the viewport it’s not wide enough (mostly in mobile). Using paddings prevents this “extra space” from scraping and displacing the body. Also, the value 100vw does not take into account the space taken by the vertical scrollbar, thus making the body wider than the actual viewport, producing a horizontal scrollbar.
Quartz
Host your second brain and digital garden for free. Quartz features
- Extremely fast full-text search by pressing
/ - Display for backlinks of each note
- Fully customizable local graph view
- Endlessly powerful page and theme customization using CSS
- Automatically generated tag and section lists of content
- Beautiful link previews
“[One] who works with the door open gets all kinds of interruptions, but [they] also occasionally gets clues as to what the world is and what might be important.” — Richard Hamming
🔗 Get Started: https://quartz.jzhao.xyz/
Quartz Example Screenshot