nycki/nycki.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gallery example updated

Browse source
This commit is contained in:
Nycki 2022-12-24 11:37:41 -08:00
parent af508dd1df
commit a4aa4f0ff0
2 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
gallery-test.html
View file

@ -8,14 +8,28 @@
<body> <body>
<main> <main>
<header>
<h1>Gallery Example</h1>
<div class="subtitle">For all your thumbnail gallery needs!</div>
</header>
<section class="gallery"> <section class="gallery">
<img src="images/collabyrinth-title.png"> <a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<img src="images/collabyrinth-title.png"> <a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
<a href="images/collabyrinth-title.png"><img src="images/collabyrinth-title.png"></a>
<a href="images/traps-and-zoids_home.png"><img src="images/traps-and-zoids_home.png"></a>
</section> </section>
</main> </main>

4
style.css
View file

@ -44,10 +44,12 @@ section img {
.gallery { .gallery {
display:flex; display:flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
align-items: center;
} }
.gallery img { .gallery img {
border: 0.5ch solid mediumvioletred; border: 0.5ch solid mediumvioletred;
margin: 1ch; margin: 1ch;
width: 10ch; width: 12ch;
} }