Browse Source

properly align and center images in gallery as grid. also add github link to giessomat.

Thomas Buck 3 years ago
parent
commit
2004658183
2 changed files with 9 additions and 1 deletions
  1. 1
    0
      input/projects/giessomat.md
  2. 8
    1
      static/css/style.css

+ 1
- 0
input/projects/giessomat.md View File

165
 ## Links
165
 ## Links
166
 
166
 
167
 You can find [all the source code for the device itself](https://git.xythobuz.de/thomas/giess-o-mat) (both the UI and the Controller) as well as the OpenSCAD [design files for the 3D printed parts](https://git.xythobuz.de/thomas/3d-print-designs/src/branch/master/giessomat) on my [Gitea instance](https://git.xythobuz.de).
167
 You can find [all the source code for the device itself](https://git.xythobuz.de/thomas/giess-o-mat) (both the UI and the Controller) as well as the OpenSCAD [design files for the 3D printed parts](https://git.xythobuz.de/thomas/3d-print-designs/src/branch/master/giessomat) on my [Gitea instance](https://git.xythobuz.de).
168
+The project is also [mirrored on GitHub](https://github.com/xythobuz/giess-o-mat).
168
 
169
 
169
 ## License
170
 ## License
170
 
171
 

+ 8
- 1
static/css/style.css View File

131
     font-size: 0.6em;
131
     font-size: 0.6em;
132
 }
132
 }
133
 
133
 
134
+.lightgallery {
135
+    display: flex;
136
+    justify-content: space-around;
137
+    align-items: center;
138
+    flex-wrap: wrap;
139
+}
140
+
134
 .border {
141
 .border {
135
     overflow: hidden;
142
     overflow: hidden;
136
-    height: auto;
143
+    height: max-content;
137
     display: inline-block;
144
     display: inline-block;
138
     border-radius: 10px;
145
     border-radius: 10px;
139
     vertical-align: middle;
146
     vertical-align: middle;

Loading…
Cancel
Save