joplin-notes/joplin notion extension/Web Development/CSS/Cards.md
2026-11-04 00:33:23 +05:30

19 lines
No EOL
728 B
Markdown

Cards
```html
<div style="display: flex;">
<div style="display:flex;flex-direction:column">
<div style="padding:100px;margin:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border:1px solid #ddd;display:flex;justify-content:center;align-items:center">
Users
</div>
<div style="padding:100px;margin:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border:1px solid #ddd;display:flex;justify-content:center;align-items:center">
Reviews
</div>
</div>
<div style="display: flex; flex: 1 1 0%;">
<div style="padding:100px;margin:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border:1px solid #ddd;display:flex;justify-content:center;align-items:center">
Notifications
</div>
</div>
</div>;
```