slight tweaks to directory layout to work with ul as well as ol
This commit is contained in:
@ -40,14 +40,14 @@
|
|||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Artists in residence at the Beall Greenhouses</h1>
|
<h1>Artists in residence at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<ol id="directory">
|
<ul id="directory">
|
||||||
<li>
|
<li>
|
||||||
<a href="/artists/hawke">
|
<a href="/artists/hawke">
|
||||||
<h2>Jennifer Hawke</h2>
|
<h2>Jennifer Hawke</h2>
|
||||||
<img src="/assets/img/artists/hawke.jpg" alt="jennifer hawke, the artist, a white person with a beard and knowing eyes. the top half of their face is painted blue with a white heart, and they are wearing a huge elaborate flower crown, a red shawl, and several chunky pendants." />
|
<img src="/assets/img/artists/hawke.jpg" alt="jennifer hawke, the artist, a white person with a beard and knowing eyes. the top half of their face is painted blue with a white heart, and they are wearing a huge elaborate flower crown, a red shawl, and several chunky pendants." />
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ul>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
#directory {
|
#directory {
|
||||||
display: grid;
|
display: grid;
|
||||||
flex-flow: row wrap;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 3rem;
|
gap: 3rem;
|
||||||
margin: 0 .5rem;
|
margin: 0 .5rem;
|
||||||
@ -12,6 +11,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul#directory,
|
||||||
|
ol#directory {
|
||||||
|
background-color: var(--color-bg);
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#directory li {
|
#directory li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border: solid .25rem var(--color-accent);
|
border: solid .25rem var(--color-accent);
|
||||||
|
|||||||
Reference in New Issue
Block a user