.page-container { height: 100%; display: flex; flex-direction: column; background-color: #b4e8fd; } .font-body-xsmall-bold { font-size: 0.812rem; line-height: 1.125rem; letter-spacing: 1px; font-family: "Raleway VariableFont"; text-transform: uppercase; } #home-screen { background-color: #b4e8fd; } #home-screen .main-container { background: #b4e8fd; padding: 0%; margin-bottom: 20%; overflow-x: clip; } #home-screen .main-container .content { background: #707070; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #home-screen .main-container .content .clear-content { width: 90%; align-items: left; } #home-screen .main-container .content .card { width: 100%; background: #b4e8fd; float: left; } #home-screen .main-container .content .card ul { display: flex; height: auto; flex-wrap: wrap; padding-top: 10%; } #home-screen .main-container .content .card ul li { display: flex; flex-direction: row; justify-content: center; align-items: right; margin-bottom: 10%; flex: 1 1 50%; } #home-screen .main-container .content .card ul li .icon { width: 150px; height: 150px; }