Result Summary Page #html #css #javascript

• font-family is wrong, try using it in your code:

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap');

body{
     font-family: 'Hanken Grotesk', sans-serif;
}

• to make the container more faithful to the project try using px:

.card-container{
    width: 738px;
    height: 514px;
    display: flex;
    border: none;
    border-radius: 35px;
    box-shadow: 5px 5px 5px 2px #00000021;
}

• for button add gradient in hover pseudo class

.btn{
    width: 288px;
    height: 56px;
    margin-top: 40px;
    border-radius: 30px;
    background-color: #303B59;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
	.btn:hover{
    background: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%));
}

Thank for your time on reviewing my code and to give suggestions on the work which I did. I will make the changes.