badbl0cks
da4925753d
Some checks failed
Build And Deploy / build-and-deploy (push) Has been cancelled
accessibility, and unify SVG fill color to #fff
Update BaseLayout to use a header <p> for the website title, rename the
main slot/id to
"main", and update all pages to match. Add CSS rule svg { fill:
currentColor }
and size header > p the same as h1. Fix a minor comment typo.
26 lines
614 B
Text
26 lines
614 B
Text
---
|
|
import Layout from "@layouts/BaseLayout.astro";
|
|
---
|
|
|
|
<Layout>
|
|
<title slot="head">Tools</title>
|
|
<style>
|
|
.tools-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
|
|
gap: 2rem;
|
|
max-width: 1200px;
|
|
margin: 2rem auto 0;
|
|
}
|
|
</style>
|
|
<Fragment slot="main">
|
|
<section class="tools" id="tools">
|
|
<h2>Tools</h2>
|
|
<div class="tools-grid">
|
|
<div class="tool-card">Tool 1</div>
|
|
<div class="tool-card">Tool 2</div>
|
|
<div class="tool-card">Tool 3</div>
|
|
</div>
|
|
</section>
|
|
</Fragment>
|
|
</Layout>
|