.footer_container { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3, 1fr); justify-items: center; align-items: center; text-transform: uppercase; } .footer_container p { grid-column: 1/3; grid-row: 1; color: #5c5d61; font-size: 1.35vh; } .footer_container #l1 { grid-column: 1; grid-row: 2; } .footer_container #l2 { grid-column: 2; grid-row: 2; } .footer_container #l3 { grid-column: 2; grid-row: 3; } .footer_container #l4 { grid-column: 1; grid-row: 3; } a { text-decoration: none; color: #5c5d61; font-size: 1.35vh; transition: .3s; } p a { font-size: unset; color: #a8acb0; } a:active { opacity: 70%; } @media (min-width: 1024px) { .footer_container { grid-template-columns: repeat(4,1fr); grid-template-rows: 1fr; justify-items: center; align-items: center; text-transform: uppercase; } .footer_container p { grid-column: 1; grid-row: 1; color: #5c5d61; font-size: 1.35vh; } .footer_container #l1 { grid-column: 2; grid-row: 1; } .footer_container #l2 { grid-column: 3; grid-row: 1; } .footer_container #l3 { grid-column: 4; grid-row: 1; } .footer_container #l4 { grid-column: 1/5; grid-row: 2; } a, p, p a { font-size: 1.5vh; } }