#e8e8e8
1.container { 2 display: flex; 3 overflow: auto; 4 scroll-snap-type: x mandatory; 5 padding: 10px; 6 gap: 10px; 7 scroll-padding: 10px; 8 width: 190px; 9 height: 254px; 10 background-color: white; 11 border: 2px solid coral; 12} 13 14.container .item { 15 scroll-snap-align: start; 16 flex: 0 0 60%; 17 background: linear-gradient(120deg, coral 30%, rgb(255, 187, 163) 88%, rgb(255, 185, 160) 18 40%, coral 48%); 19 display: flex; 20 justify-content: center; 21 align-items: center; 22 color: bisque; 23 text-align: center; 24 font-size: 1.3rem; 25 line-height: 1.3em; 26 font-weight: 400; 27 font-family: sans-serif; 28 border-radius: .2rem; 29}
3.6K views
3.6K views
Comments
MIT License