ちょっと個人的なメモ程度なので適当です。
<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>横スクロール</title><style>html,body{margin:0;width:100%;height:100%;}.main{width:100%;height:200px;overflow-x:scroll;display:flex;}.main::-webkit-scrollbar{display:none;}.card{width:200px;height:170px;margin-top:5px;margin-right:5px;box-shadow:02px5pxrgba(0,0,0,0.26);border-radius:8px;flex:00auto;margin-left:10px;background-color:#DADCE0;flex-shrink:0;}</style></head><body><divclass="main"><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div><divclass="card"></div></div></body></html>PCでは使いにくいです。