dark flyo landing page using CSS with hover function

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hi there, Chris-Ann C.! 👋

  Nice to see you complete another challenge! 😀 Good work on this challenge! 👍

  A few things I suggest are,

  • Taking a look at your solution report and trying to clear up some of the errors that are there in order to make your solution more accessible.
  • Probably only using a <button> or an <anchor> tag for the button in the hero section of the page (not both), since an anchor tag styled like a button should do just fine for this purpose. 😉
  • It's not very easy to add a transition to the font-weight and text-decoration properties of an element (I don't think), and as a result, the hover states for some of the items on the page that utilize those properties is a bit jumpy (and causes other elements around those elements to jump a bit, too). A better hover state (for, say, items like links) might be to change their color or use pseudo-elements to add an underline to them (both of which can be transitioned smoothly and can be used to avoid moving other elements around in the page).

  Hope those tips help. 😀

  Keep coding (and happy coding, too)! 😁

  2

  ---

  

  Chris-Ann C.•300

  @cdc2021Posted over 3 years ago

  @ApplePieGiraffe

  Thank you so much, your tips are always so helpful 👍🏿 Solution amended to be more accessible. The suggestion on the text hover state defintely made a difference, learned something new that will stick for future challenges 😅!

  Happy coding 😁

  1