Advertisement
Guest User

Untitled

a guest
Jan 26th, 2023
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
  2.  
  3. body {
  4.     margin: 0;
  5.     padding: 0;
  6.  
  7.     background-color: #dfdfdf;
  8.  
  9.     font-family: 'Roboto Mono', monospace;
  10. }
  11.  
  12. #main {
  13.     display: grid;
  14.     grid-template-columns: 30% auto;
  15.     grid-gap: 1px;
  16. }
  17.  
  18. #details-section {
  19.     height: 100vh;
  20.  
  21.     display: flex;
  22.     flex-direction: column;
  23.  
  24.     align-items: center;
  25.     justify-content: center;
  26.  
  27.     background-color: white;
  28. }
  29.  
  30. #posts-section {
  31.     height: 100vh;
  32.     overflow-y: scroll;
  33.     background-color: white;
  34. }
  35.  
  36. .details {
  37.     width: 75%;
  38.     margin: 10%;
  39.  
  40.     padding: 34px;
  41.     border-radius: 50px;
  42.     background-color: #f7f7f7;
  43. }
  44.  
  45. #create-post {
  46.     margin: 5%;
  47.     padding: 5%;
  48.     border-radius: 50px;
  49.     background-color: #f7f7f7;
  50. }
  51.  
  52. #create-post-textarea {
  53.     height: 127px;
  54.     width: 100%;
  55.  
  56.     border: none;
  57.  
  58.     font-size: 18px;
  59. }
  60.  
  61. #create-post-button {
  62.     font-size: 18px;
  63. }
  64.  
  65. .post {
  66.     margin: 5%;
  67.     padding: 2.7%;
  68.  
  69.     border-radius: 50px;
  70.     background-color: #f7f7f7;
  71. }
  72.  
  73. .post-text {
  74.     font-size: 18px;
  75. }
  76.  
  77. .post-author {
  78.     color: grey;
  79.     font-size: 10px;
  80. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement