Card by JesusRafaelNavaCruz
#e8e8e8
1.container { 2 overflow: auto; 3 display: flex; 4 scroll-snap-type: x mandatory; 5 width: 90%; 6 margin: 0 auto; 7 padding: 0 15px; 8} 9 10.card { 11 background: rgba(255, 255, 255, 0.25); 12 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); 13 backdrop-filter: blur(7px); 14 -webkit-backdrop-filter: blur(7px); 15 border-radius: 10px; 16 padding: 2rem; 17 margin: 1rem; 18 width: 100%; 19} 20 21.title { 22 width: 100%; 23 display: inline-block; 24 word-break: break-all; 25 white-space: nowrap; 26 overflow: hidden; 27 text-overflow: ellipsis; 28 text-align: center; 29 margin: 1rem auto; 30}
2.6K views
2.6K views
Variations
1 MIT License