Using Chrome as a Local Web Server

Chrome version 65+ can double as a local static web server

Chrome grille and headlights of a vintage car. Photo by Dave Ashton on Unsplash
Figure 1. My Chrome local override folder structure
<div class="wrapper">
<div class="box a">A</div>
<div class="box b">B</div>
<div class="box c">C</div>
<div class="box d">D</div>
<div class="box e">E</div>
<div class="box f">F</div>
</div>
body {
margin: 40px;
}
.wrapper {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(5, [col] 100px);
grid-template-rows: repeat(3, [row] auto);
background-color: #fff;
color: #444;
}
.box {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 20px;
font-size: 150%;
z-index: 10;
}
.a {
grid-column: col / span 2;
grid-row: row;
}
.b {
grid-column: col 3 / span 3;
grid-row: row;
}
.c {
grid-column: col;
grid-row: row 2;
}
.d {
grid-column: col 2 / span 3;
grid-row: row 2;
}
.e {
grid-column: col / span 5;
grid-row: row 3;
}
.f {
grid-column: col 3 / span 3;
grid-row: row 2;
background-color: rgba(49, 121, 207, 0.5);
z-index: 20;
}
<link rel="stylesheet" href="index.css"><div class="wrapper">
<div class="box a">A</div>
<div class="box b">B</div>
<div class="box c">C</div>
<div class="box d">D</div>
<div class="box e">E</div>
<div class="box f">F</div>
</div>
Figure 2. Overrides tab
Figure 3. Confirm access to override folder
Figure 4. Overrides folder listing when override is enabled

All things web and beautiful.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store