1.4K views
1.card { 2 width: 190px; 3 height: 190px; 4 border-radius: 44px; 5 background: lightgrey; 6 background: linear-gradient(145deg, #ff6b6b, #d43636); 7 box-shadow: 2px 3px 3px #ba2f2f, 8 2px 3px 3px #ff4949; 9} 10 11.avatar { 12 width: 45px; 13 height: 45px; 14 display: inline-block; 15 background-color: rgba(255,255,255,0.9); 16 margin: 30px 15px 20px 25px; 17 border-radius: 14px; 18} 19 20.info { 21 display: inline-block; 22 vertical-align: top; 23 margin-top: 33px; 24 width: 85px; 25} 26 27.info-1, .info-2 { 28 display: inline-block; 29 height: 20px; 30 width: 100%; 31 border-radius: 6px; 32 background: rgba(255,255,255,0.9); 33} 34 35.info-2 { 36 height: 11px; 37 width: 50%; 38 border-radius: 3px; 39} 40 41.content-1 { 42 width: 80%; 43 border-radius: 12px; 44 background: rgba(255,255,255,0.9); 45 height: 40px; 46 margin: auto; 47} 48 49.content-2 { 50 width: 60%; 51 border-radius: 6px; 52 background: rgba(255,255,255,0.9); 53 height: 18px; 54 margin: 10px 0 0 20px; 55}
MIT License