_index.scss 416 B

1234567891011121314151617181920212223242526272829
  1. .episodes {
  2. display: flex;
  3. flex-direction: column;
  4. row-gap: 20px;
  5. }
  6. .characters-list {
  7. display: grid;
  8. column-gap: 20px;
  9. row-gap: 20px;
  10. grid-template-columns: repeat(5, 150px);
  11. &__item {
  12. display: flex;
  13. flex-direction: column;
  14. row-gap: 5px;
  15. }
  16. &__name {
  17. display: flex;
  18. align-items: flex-end;
  19. min-height: 50px;
  20. }
  21. &__image {
  22. max-width: 150px;
  23. height: auto;
  24. }
  25. }