summaryrefslogtreecommitdiff
path: root/posts/animated-card-tiles.md
diff options
context:
space:
mode:
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