page.css 593 B

1234567891011121314151617181920212223242526272829303132333435
  1. .which-image-container {
  2. display: flex;
  3. flex-wrap: wrap;
  4. align-items: center;
  5. flex-direction: column;
  6. justify-content: space-between;
  7. height: 100%;
  8. }
  9. .which-image-container :nth-child(2) {
  10. display: flex;
  11. flex-wrap: wrap;
  12. align-items: center;
  13. flex-direction: column;
  14. justify-content: flex-end;
  15. }
  16. .which-image {
  17. display: inline-block;
  18. flex: 1;
  19. flex-basis: 45%;
  20. margin: 1% 1% 1% 1%;
  21. width: 100%;
  22. height: auto;
  23. }
  24. .which-image img {
  25. float: right;
  26. width: 100%;
  27. }
  28. .image-display img {
  29. float: right;
  30. width: 65%;
  31. }