diff --git a/src/styles/Events.css b/src/styles/Events.css index 1ebb2a1..6061d40 100644 --- a/src/styles/Events.css +++ b/src/styles/Events.css @@ -231,16 +231,17 @@ @media screen and (max-width: 600px) { #events { - align-items: center; - justify-content: space-evenly; + justify-content: space-around; flex-wrap: wrap; - flex-direction: row; + flex-direction: column; } - .card { + #events .card { margin: 1rem; - font-size: 1rem; + width: 22rem; + height: 28rem; + font-size: 1.25rem; } .card:not(:first-child){ @@ -254,5 +255,23 @@ .card:hover ~ .card { transform: translateX(0); } + + #cardHeader #eventName { + + font-size: 1.45rem; + } + + #footDetails #eventDetails { + height: 13rem; + font-size: 1.125rem; + } + + #venueGrid label{ + font-size: 1.125rem; + } + + #cardface p { + font-size: 2rem; + } } \ No newline at end of file