Gallery test

This commit is contained in:
Nycki 2022-12-24 11:23:50 -08:00
parent 14f1d93b01
commit 339529d4e6
2 changed files with 34 additions and 0 deletions

23
gallery-test.html Normal file
View file

@ -0,0 +1,23 @@
<!doctype html>
<html>
<head>
<title>Image Gallery Test</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<div class="gallery">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
<img src="images/collabyrinth-title.png">
</div>
</main>
</body>
</html>

View file

@ -40,3 +40,14 @@ section img {
margin-right: auto;
width: 80%;
}
div.gallery {
display:flex;
flex-wrap: wrap;
}
div.gallery img {
border: 0.5ch solid mediumvioletred;
margin: 1ch;
width: 10ch;
}