Advertisement
makispaiktis

Codecademy - Align Content (Example - CSS)

Dec 5th, 2019 (edited)
444
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.63 KB | None | 0 0
  1. body {
  2.   font-family: 'Roboto Mono', monospace;
  3. }
  4.  
  5. h1 {
  6.   margin: 20px;
  7.   text-align: center;
  8.   font-size: 18px;
  9. }
  10.  
  11. .container {
  12.   height: 300px;
  13.   width: 600px;
  14.   background-color: WhiteSmoke;
  15.   display: flex;
  16.   flex-wrap: wrap;
  17.   margin: auto;
  18. }
  19.  
  20. .left,
  21. .center,
  22. .right {
  23.   height: 75px;
  24.   width: 200px;
  25.   margin: 2px;
  26.   background-color: DodgerBlue;
  27.   border: 2px solid lightgrey;
  28. }
  29.  
  30. #flexstart {
  31.   align-content: flex-start;
  32. }
  33.  
  34. #flexend {
  35.   align-content: flex-end;
  36. }
  37.  
  38. #center {
  39.   align-content: center;
  40. }
  41.  
  42. #between {
  43.   align-content: space-between;
  44. }
  45.  
  46. #around {
  47.   align-content: space-around;
  48. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement