Advertisement
Guest User

Untitled

a guest
Jan 18th, 2020
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.90 KB | None | 0 0
  1. .homepage {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. padding: 20px 80px;
  6. }
  7.  
  8. .directory-menu {
  9. width: 100%;
  10. display: flex;
  11. flex-wrap: wrap;
  12. justify-content: space-between;
  13. }
  14.  
  15. .menu-item {
  16. min-width: 30%;
  17. height: 240px;
  18. flex: 1 1 auto;
  19. display: flex;
  20. align-items: center;
  21. justify-content: center;
  22. border: 1px solid black;
  23. margin: 0 7.5px 15px;
  24.  
  25. &:first-child {
  26. margin-right: 7.5px;
  27. }
  28.  
  29. &:last-child {
  30. margin-left: 7.5px;
  31. }
  32.  
  33. .content {
  34. height: 90px;
  35. padding: 0 25px;
  36. display: flex;
  37. flex-direction: column;
  38. align-items: center;
  39. justify-content: center;
  40. border: 1px solid black;
  41.  
  42. .title {
  43. font-weight: bold;
  44. margin-bottom: 6px;
  45. font-size: 22px;
  46. color: #4a4a4a;
  47. }
  48.  
  49. .subtitle {
  50. font-weight: lighter;
  51. font-size: 16px;
  52. }
  53. }
  54. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement