Skip to content

Instantly share code, notes, and snippets.

@KyleMit

KyleMit/chrome-grid.html

Last active October 19, 2020 20:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save KyleMit/756a439c13dfa862bdded4c87c57b436 to your computer and use it in GitHub Desktop.
Save KyleMit/756a439c13dfa862bdded4c87c57b436 to your computer and use it in GitHub Desktop.
Download ZIP
Twitter - Chrome Grid Inspector
Raw
chrome-grid.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Grid Tools</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
<style>
body {
padding-top: 80px;
background-color: #0a1930;
font-family: Montserrat, sans-serif;
color: #c2cee0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.meetup-grid {
padding-left: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
padding: 30px;
}
.card {
list-style: none;
background-color: rgb(18, 37, 65);
padding: 20px;
padding-top: 30px;
text-align: center;
}
.card a {
color: #c2cee0;
text-decoration: none;
}
</style>
</head>
<body>
<ul class="meetup-grid">
<li class="card">
<a href="https://www.reactjsmeetup.com" target="_blank">
<img src="https://uploads-ssl.webflow.com/5a9e6c4d3dd0520001f5b761/5e84fdd9582ec4a3fdcc6197_react.svg" alt="" />
<h2> React Meetups</h2>
</a>
</li>
<li class="card">
<a href="https://www.angularmeetup.com" target="_blank">
<img src="https://uploads-ssl.webflow.com/5a9e6c4d3dd0520001f5b761/5e84fdd8635f2a75d14204dc_angular.svg" alt="" />
<h2> Angular Meetups</h2>
</a>
</li>
<li class="card">
<a href="https://www.vuemeetup.com" target="_blank">
<img src="https://uploads-ssl.webflow.com/5a9e6c4d3dd0520001f5b761/5e84fdd8a6aea954efb0d086_vue.svg" alt="" />
<h2> Vue Meetups</h2>
</a>
</li>
<li class="card">
<a href="https://www.graphql-meetup.com" target="_blank">
<img src="https://uploads-ssl.webflow.com/5a9e6c4d3dd0520001f5b761/5e84fdd98777fda84100f355_graph-ql.svg" alt="" />
<h2> GraphQL Meetups</h2>
</a>
</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment