Skip to content
OverviewSolutions
27
Comments
2
j-0-n-e-z
@j-0-n-e-z

All comments

  • 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
  • j-0-n-e-z•410
    @j-0-n-e-zPosted over 1 year ago

    Hi! Congratulations on completing this project, I noticed something. If you stick to the design, your toggle button should be more in the center. Hope it would help.

    0