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

simplify and clean up border lines a bit

Browse source
This commit is contained in:
Nycki 2022-12-24 11:30:09 -08:00
parent 339529d4e6
commit af508dd1df
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
gallery-test.html
View file

@ -8,7 +8,7 @@
<body> <body>
<main> <main>
<div class="gallery"> <section 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">
@ -16,7 +16,7 @@
<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> </section>
</main> </main>
</body> </body>

10
style.css
View file

@ -30,23 +30,23 @@ a:visited {
section { section {
margin-top: 2ch; margin-top: 2ch;
border-top: 2ch double mediumvioletred; border-top: 1.5ch double mediumvioletred;
} }
section img { section img {
display: block; display: block;
border: 2ch double mediumvioletred; border: 1.5ch double mediumvioletred;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 80%; max-height: 40ch;
} }
div.gallery { .gallery {
display:flex; display:flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
div.gallery img { .gallery img {
border: 0.5ch solid mediumvioletred; border: 0.5ch solid mediumvioletred;
margin: 1ch; margin: 1ch;
width: 10ch; width: 10ch;