Как сделать выпадающий список?

Question

[GeorgeKay]

https://codepen.io/GeorgeKay/pen/gzwPmy

Comments

[Андрей]

https://v4-alpha.getbootstrap.com/components/dropd...

[GeorgeKay]

на чистом html и css, как можно это сделать?

[Андрей]

CSS Dropdowns

Answer 1

[frees2]

Выпадающий вниз, или из блоков по клику на ссылку? Если вниз то так.

<style>
  .cards {  display: flex; flex-wrap: wrap;  align-items: stretch;  }
  .card {  flex: 0 0 20%;  margin: 0px;  border: 0;  } 
  .card .text { padding: 0 2px 2px;  }
  
</style>

<main class="cards">
  <article class="card"> <div class="text">
   1 cccccccccccccc
</div></article>
  
  <article class="card"> <div class="text">
   2  ccccccccccccccccc
</div></article>
  
  
</main>

Comments

[GeorgeKay]

Из блоков, допустим из каталога, но без использования bootstrap.