feat: Add animal cards to adoption display

2024-03-20 16:40:52 +01:00
parent 2d67eb6ae9
commit c8dd7436fc
5 changed files with 68 additions and 8 deletions
--- a/src/fellchensammlung/static/fellchensammlung/css/styles.css
+++ b/src/fellchensammlung/static/fellchensammlung/css/styles.css
@@ -360,4 +360,24 @@ h1 {
 .card-adoption-notice img {
    max-width: 100%;
    border-radius: 10%;
-}
+}
+
+.animals {
+    display: flex;
+    flex-wrap: wrap;
+    list-style-type:none;
+}
+
+.card-animal {
+    flex: 1 16%;
+    margin: 10px;
+    border-radius: 3%;
+    border: 4px grey solid;
+    padding: 5px;
+}
+
+.card-animal img {
+    max-width: 100%;
+    border-radius: 10%;
+    margin: 5px;
+}