@yishak621
Posted
Hey congrats for completing the project ...my first comment will be the rating card is not responsive for small screens so test for the Small screens and fix it ...and also if the user didn't click on the submit btn the result card shouldn't be open...and also i didn't understand ur question do u want to center the elements vertically or horizontally ???
@AtulKumar0001
Posted
@yishak621 Thanks for your reply. I just remembered that I have to add media queries as well, and my question is why I am unable to center elements horizontally using justify-content:center; in the body. And without pressing the submit button, the result card is not opening.
@yishak621
Posted
@AtulKumar0001 sorry i want to say that without selecting the rating btn(number)
@yishak621
Posted
@AtulKumar0001 ok so in the body create a main container that holds the card so that u can center it or add any property as u can for example ....
<body>
<main class="main-container">......
Css
/*main container*/
.main-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: var(--color-very-dark-blue);
}