1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- body {
- font-family: 'Roboto', sans-serif;
- }
- h2 {
- font-size: 1.2em;
- color: #757575;
- }
- h3 {
- margin-bottom: 5px;
- margin-top: 5px;
- }
- ul.movie-list {
- list-style-type: none;
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- ul.movie-list li.movie {
- width: 240px;
- height: 440px;
- display: grid;
- grid-template-rows: 320px 80px 40px;
- box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
- margin: 10px;
- }
- ul.movie-list li.movie .poster {
- justify-self: center;
- align-self: center;
- }
- ul.movie-list li.movie .title {
- padding: 10px;
- }
- ul.movie-list li.movie img {
- max-width: 240px;
- max-height: 320px;
- }
- ul.movie-list li.movie a {
- color: black;
- text-decoration: none;
- }
- ul.movie-list li.movie ul.metadata {
- list-style-type: none;
- padding: 0;
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- ul.movie-list li.movie ul.metadata li {
- overflow: hidden;
- padding-left: 10px;
- padding-right: 10px;
- }
|