| .recommend-page { | |
| padding: 20px; | |
| background-color: #f0f0f0; | |
| } | |
| .recommend-section { | |
| margin-bottom: 30px; | |
| } | |
| .recommend-section h2 { | |
| font-size: 24px; | |
| margin-bottom: 10px; | |
| color: #333; | |
| } | |
| .recommend-row { | |
| display: flex; | |
| overflow-x: scroll; | |
| gap: 20px; | |
| } | |
| .recommend-card { | |
| width: 150px; | |
| text-align: center; | |
| background-color: #fff; | |
| border-radius: 10px; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| padding: 10px; | |
| } | |
| .recommend-image { | |
| width: 100%; | |
| height: 150px; | |
| object-fit: cover; | |
| border-radius: 5px; | |
| } | |
| .recommend-title { | |
| margin-top: 10px; | |
| font-size: 16px; | |
| color: #333; | |
| } |