diff options
| author | real-zephex <[email protected]> | 2024-05-19 21:38:18 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-19 21:38:18 +0530 |
| commit | f936d0bc251b2e931d0729198da115b00f5a44a1 (patch) | |
| tree | 8ce79c53a479038725e905245c2975bed27fc69e /src/app/web-series/styles/pages.module.css | |
| parent | style(homepage): removed unnecessary sub text from the homepage cards and cha... (diff) | |
| parent | Merge pull request #28 from real-zephex/improvement-2 (diff) | |
| download | dramalama-f936d0bc251b2e931d0729198da115b00f5a44a1.tar.xz dramalama-f936d0bc251b2e931d0729198da115b00f5a44a1.zip | |
Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next
Diffstat (limited to 'src/app/web-series/styles/pages.module.css')
| -rw-r--r-- | src/app/web-series/styles/pages.module.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/app/web-series/styles/pages.module.css b/src/app/web-series/styles/pages.module.css new file mode 100644 index 0000000..631f7db --- /dev/null +++ b/src/app/web-series/styles/pages.module.css @@ -0,0 +1,46 @@ +.main h2 { + color: white; +} + +.SeriesContainer { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); + grid-gap: 0.5rem; + align-items: center; + margin: -1rem 0 0 0; +} + +.SeriesEntry { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #1f1f1fce; + border-radius: 0.5rem; + padding: 0.4rem; + color: white; + cursor: pointer; +} + +.SeriesEntry p { + width: 160px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + margin: 0.3rem 0 0 0; + font-family: "Atkinson Hyperlegible", serif; +} + +.SeriesEntry img { + border-radius: 0.5rem; +} + +@media screen and (max-width: 768px) { + .SeriesContainer { + display: flex; + align-items: center; + overflow-x: auto; + overflow-y: hidden; + } +}
\ No newline at end of file |