Skip to content

Instantly share code, notes, and snippets.

@doulovera
Last active March 13, 2021 04:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save doulovera/eb116f8b505cd6311418cc605df5dcee to your computer and use it in GitHub Desktop.
Save doulovera/eb116f8b505cd6311418cc605df5dcee to your computer and use it in GitHub Desktop.
body {
margin: 0;
padding: 0;
}
.App {
font-family: sans-serif;
}
.app-title {
background-color: #3498db;
color: white;
padding: 0.5em 0;
text-align: center;
}
.movies-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: center;
margin: auto;
max-width: 40em;
gap: 25px;
}
@media (max-width: 400px) {
.movies-grid {
grid-template-columns: 1fr;
}
}
/* Card */
.card {
border: 1px solid #ccc;
border-radius: 6px;
margin: 1rem;
width: 100%;
}
.card-poster img {
border-bottom: 1px solid #ccc;
border-radius: 6px 6px 0 0;
padding: 0;
}
.card .card-title {
text-transform: uppercase;
text-align: center;
}
.card-body {
margin: 0 16px;
padding-bottom: 1rem;
}
.card-body p {
margin: 0.5rem 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment