Skip to content

Instantly share code, notes, and snippets.

View webketje's full-sized avatar
🏠
Working from home

Kevin Van Lierde webketje

🏠
Working from home
View GitHub Profile
@webketje
webketje / with-initial-scale.html
Last active September 29, 2021 08:34
How <meta name="viewport"> matters
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
* { box-sizing: border-box; }
html, body { background: #ccc; padding: 0; margin: 0; position: relative; }
#container { width: 960px; max-width: 100%; padding: 32px; margin: 32px auto; }
#contents { width: 600px; max-width: 100%; padding: 32px; margin: 0px auto; background: white; }
@webketje
webketje / README.md
Created November 27, 2022 22:39
Metalsmith auto-rebuild and browser sync

An example of how to implement (full) auto-rebuilds and browser sync with Metalsmith