Results summary component

Community feedback

• 

  Samuel•70

  @sam6856Posted over 1 year ago

  Hello. I would recommend w3schools responsive web design It goes through the basics of using html and css in order to create responsive websites. I hope that helps

  Marked as helpful

  1
• 

  j-0-n-e-z•410

  @j-0-n-e-zPosted over 1 year ago

  Hi. Congratulations on completing this challenge. I noticed some issues in your style.css.

  • You forgot to add a dot before /assets to the path for .icon-memory, .icon-verbal and .icon-visual, that's why they are not visible. You can see this error in the console on your preview site.
  • I would add cursor: pointer; to .continueBtn, so when you hover the button, cursor will be changed to an arrow.
  • I would also add some hover effects, you can do something like that:

  .continueBtn {
     ...your code
     cursor: pointer;
     transition: .3s background-color ease;
  }
  .continueBtn:hover {
     background-color: #3b4b74;
  }
  

  I don't know certain resources for you to learn mobile responsive design, but I'm sure you'll need to know what media queries are and how to use them. You can find this on the Internet, especially YouTube. Just for example: Learn Media Query in 7 minutes

  Marked as helpful

  1