summaryrefslogtreecommitdiff
path: root/posts/animated-card-tiles.md
diff options
context:
space:
mode:
authorbt <bt@web>2023-11-28 10:06:15 -0500
committerIkiWiki <ikiwiki.info>2023-11-28 10:06:15 -0500
commit50f9ee3947e1dc081a605318f7066b9758e87b7f (patch)
tree49a08619ee5700fe0aaf4acff17a907f8b1fc230 /posts/animated-card-tiles.md
parent3b7e7f33c844e21c0819d0d1296064a2e634a846 (diff)
Diffstat (limited to 'posts/animated-card-tiles.md')
-rw-r--r--posts/animated-card-tiles.md16
1 files changed, 9 insertions, 7 deletions
diff --git a/posts/animated-card-tiles.md b/posts/animated-card-tiles.md
index efe9580..b3c01ee 100644
--- a/posts/animated-card-tiles.md
+++ b/posts/animated-card-tiles.md
@@ -20,17 +20,19 @@ For the base skeleton of these cards we only need:
- the inner child element that will display on `:hover`
- proper `h4` and `p` tags inside that child element
+
```
- <div class="card-tiles-container">
- <div class="card-tile">
- <div class="text-content">
- <h4>Card Title</h4>
- <p>Inner card content text</p>
- </div>
- </div>
+<div class="card-tiles-container">
+ <div class="card-tile">
+ <div class="text-content">
+ <h4>Card Title</h4>
+ <p>Inner card content text</p>
</div>
+ </div>
+</div>
```
+
That's all that is needed - for now. We will be returning to this code shortly to add some extra classes to make our lives easier.
## The CSS