...
 
Commits (2)
......@@ -11,10 +11,10 @@ export default ({ movies }) =>
<style jsx>{`
.cell {
margin: 1rem;
margin: .25rem;
text-align: center;
}
@media screen and (min-width: 400px) {
@media screen and (min-width: 332px) {
.grid {
display: flex;
flex-wrap: wrap;
......@@ -29,12 +29,14 @@ export default ({ movies }) =>
@media screen and (min-width: 600px) {
.cell {
margin: .5rem;
width: calc((100% / 3) - 2rem);
}
}
@media screen and (min-width: 1200px) {
.cell {
margin: 1rem;
width: calc((100% / 6) - 2rem);
}
}
......
{
"name": "mymovies",
"version": "2.1.0",
"version": "2.1.1",
"description": "Displays all my movies and collections, plus some stats.",
"private": true,
"theme": "#303F9F",
......