index.css 599 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. html,
  7. body {
  8. width: 100%;
  9. height: 100%;
  10. }
  11. .container {
  12. width: 100%;
  13. background: #94E273;
  14. }
  15. img{
  16. width: 100%;
  17. display: block;
  18. }
  19. main {
  20. padding: 0px 16px 24px 16px;
  21. }
  22. .course {
  23. display: flex;
  24. flex-wrap: wrap;
  25. justify-content: space-between;
  26. margin: 25px 0;
  27. }
  28. .course a {
  29. width: 48%;
  30. min-height: 236px;
  31. margin-bottom: 18.5px;
  32. display: block;
  33. }
  34. .course img {
  35. width: 100%;
  36. height: 100%;
  37. }
  38. .course a:nth-last-child(2),
  39. .course a:nth-last-child(1) {
  40. margin-bottom: 0;
  41. }