src/app/web-series/styles/pages.module.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

.main h2 {
	color: white;
	/* margin: 0.4rem 0 0 0; */
	text-transform: uppercase;
	font-size: 30px;
}

.SeriesContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 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: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	margin: 0.3rem 0 0 0;
	font-family: "Lexend Deca", 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;
	}
}