joplin-notes/joplin notion extension/Web Development/CSS/Cards.md

Cards

<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>;