Conway's Game of Life as a React web app
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.css 860B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. * {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. body {
  7. margin: 0;
  8. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
  9. 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
  10. sans-serif;
  11. -webkit-font-smoothing: antialiased;
  12. -moz-osx-font-smoothing: grayscale;
  13. }
  14. code {
  15. font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
  16. monospace;
  17. }
  18. .container {
  19. align-items: center;
  20. display: flex;
  21. height: 100vh;
  22. justify-content: center;
  23. width: 100vw;
  24. }
  25. .row {
  26. height: 30px;
  27. }
  28. .cell {
  29. border: 1px solid black;
  30. border-right: none;
  31. border-bottom: none;
  32. display: inline-block;
  33. height: 30px;
  34. width: 30px;
  35. }
  36. .row:last-child .cell {
  37. border-bottom: 1px solid black;
  38. }
  39. .cell:last-child {
  40. border-right: 1px solid black;
  41. }
  42. .cell.alive {
  43. background: black;
  44. }