contact.css 535 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .Contact {
  2. max-width: 30rem;
  3. margin: 1.5rem auto;
  4. }
  5. .Contact-group {
  6. list-style-type: none;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. .Contact-hidden {
  11. display: none;
  12. }
  13. .Contact-item {
  14. display: flex;
  15. flex-wrap: wrap;
  16. justify-content: space-between;
  17. margin: 0.5rem 0;
  18. }
  19. .Contact-label {
  20. flex-basis: 5rem;
  21. }
  22. .Contact-input {
  23. flex-grow: 1;
  24. flex-basis: 15rem;
  25. }
  26. .Contact-input--textbox {
  27. resize: vertical;
  28. height: 5rem;
  29. }
  30. .Contact-button {
  31. margin-left: auto;
  32. }