diff --git a/styles/elements/projects.css b/styles/elements/projects.css index 68340c7..566047d 100644 --- a/styles/elements/projects.css +++ b/styles/elements/projects.css @@ -3,10 +3,12 @@ height: 300px; } article { - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: 20px; + display: grid; + grid-gap: 20px; + grid-auto-columns: repeat(auto-fill, minmax(500px, 1fr)); + p { + grid-column: 1 / span 2; + } img { max-height: 500px; max-width: 500px;