.mainstudent-student-information { width: 50%; display: flex; justify-content: center; align-items: center; } .mainparent-recommend-keys { width: 100%; height: 50%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .mainstudent-parent-information { width: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; margin: 3% 0; } .health-good { color: green; } .health-excellent { color: blue; } .health-warning { color: yellow; } .health-danger { color: red; } .mainparent-recommend-question { text-align: center; height: 10%; padding-bottom: 0; box-sizing: border-box; display: flex; justify-content: space-around; align-items: center; margin-top: -5%; margin-bottom: 2%; }