movie-explorer/src/App.css

42 lines
429 B
CSS
Raw Normal View History

2024-05-05 21:59:33 +00:00
.flow-container {
display: flex;
flex-wrap: wrap;
width: 80%;
margin: auto;
2024-04-29 11:19:01 +00:00
}
2024-05-05 21:59:33 +00:00
.poster {
font-size: 2rem;
aspect-ratio: 3/4.5;
width: 25rem;
2024-04-29 11:19:01 +00:00
}
2024-05-05 21:59:33 +00:00
.overlay {
margin: 0;
height: 100%;
width: 100%;
font-size: inherit;
color: white;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
p {
font-size: 0.8em;
2024-04-29 11:19:01 +00:00
}
2024-05-05 21:59:33 +00:00
h1 {
font-size: 1.6em;
margin: 0;
2024-04-29 11:19:01 +00:00
}
2024-05-05 21:59:33 +00:00
2024-04-29 11:19:01 +00:00
}
2024-05-05 21:59:33 +00:00
.overlay:hover {
opacity: 1;
2024-04-29 11:19:01 +00:00
}