style.css 406 B

1234567891011121314151617181920212223242526272829303132333435
  1. .container {
  2. box-shadow: 0 0 5px rgba(0,0,0,0.5);
  3. width: 50%;
  4. margin: 0 auto;
  5. padding: 15px;
  6. }
  7. .side-bar {
  8. float: left;
  9. width: 25%;
  10. padding: 16px;
  11. box-sizing: border-box;
  12. }
  13. .content {
  14. float: left;
  15. width: 75%;
  16. }
  17. .article {
  18. float: left;
  19. width: calc(100% / 3);
  20. padding: 0 15px;
  21. box-sizing: border-box;
  22. }
  23. .clearfix:after {
  24. content: "";
  25. display: block;
  26. clear: both;
  27. }
  28. img {
  29. width: 100%;
  30. }