Result Summary Page #html #css #javascript

Community feedback

• 

  Anderson Fernandez•350

  @anderson-fndzPosted over 1 year ago

  • 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%));
  }
  

  Marked as helpful

  0
• 

  kahkashan shaik•90

  @kahkashanshaikPosted over 1 year ago

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

  0