diff --git a/src/components/BentoGrid.module.css b/src/components/BentoGrid.module.css index b9025ad..b62c350 100644 --- a/src/components/BentoGrid.module.css +++ b/src/components/BentoGrid.module.css @@ -324,7 +324,7 @@ } /* Responsive */ -@media (max-width: 1024px) { +@media (max-width: 768px) { .grid { grid-template-columns: repeat(2, 1fr); } @@ -343,22 +343,26 @@ } } -@media (max-width: 640px) { +@media (max-width: 480px) { .grid { - grid-template-columns: 1fr; + grid-template-columns: repeat(2, 1fr); } .small, - .medium, + .medium { + grid-column: span 1; + grid-row: span 1; + } + .large, .wide, .full { - grid-column: span 1; + grid-column: span 2; grid-row: span 1; } .item { - min-height: 350px; + min-height: 280px; } .full {