Create card

by Julien Roche

HTML

<ul class="card">
  <div class="card__title">Some description</div>
  <li class="card__list">
    <a href="https://www.example.com">Example.com website</a>
  </li>
  <li class="card__list">
    <a href="https://www.example.com">Example.com website</a>
  </li>
</ul>

CSS

body {
  background-color: white;
}

.card {
  border: 1px solid black;
  border-radius: 0.75rem;
  display: block;
  margin: 0.25rem;
  padding: 0.75rem;
  
  & .card__title {
    font-weight: bold;
    padding-block-end: 1rem;
  }
  
  & .card__list {
    display: block;
    margin-block-start: 1rem;
  }
}