#e8e8e8
1.card { 2 background-color: rgba(243, 244, 246, 1); 3 padding: 2rem; 4 max-width: 320px; 5 border-radius: 10px; 6 box-shadow: 0 20px 30px -20px rgba(5, 5, 5, 0.24); 7} 8 9.header { 10 display: flex; 11 align-items: center; 12 grid-gap: 1rem; 13 gap: 1rem; 14} 15 16.header .image { 17 height: 4rem; 18 width: 4rem; 19 border-radius: 9999px; 20 object-fit: cover; 21 background-color: royalblue; 22} 23 24.stars { 25 display: flex; 26 justify-content: center; 27 grid-gap: 0.125rem; 28 gap: 0.125rem; 29 color: rgba(34, 197, 94, 1); 30} 31 32.stars svg { 33 height: 1rem; 34 width: 1rem; 35} 36 37.name { 38 margin-top: 0.25rem; 39 font-size: 1.125rem; 40 line-height: 1.75rem; 41 font-weight: 600; 42 --tw-text-opacity: 1; 43 color: rgba(55, 65, 81, 1); 44} 45 46.message { 47 overflow: hidden; 48 display: -webkit-box; 49 -webkit-box-orient: vertical; 50 margin-top: 1rem; 51 color: rgba(107, 114, 128, 1); 52}
Comments
MIT License