Sunnyside wist scss and partials

Community feedback

• 

  José Manuel Esperanza•220

  @JoseAngaraPosted over 2 years ago

  Hi, I used the after psedo-element for that purpose. This is my code:

   ​.​text-container__link​::​after​ { 
   ​  ​content​:​ ​""​; 
   ​  ​position​:​ absolute; 
   ​  ​height​:​ ​10​px​; 
   ​  ​width​:​ ​100​%​; 
   ​  ​border-radius​:​ ​5​px​; 
   ​  ​bottom​:​ ​-2​px​; 
   ​  ​left​:​ ​0​px​; 
   ​  ​z-index​:​ ​-1​; 
   ​  ​opacity​:​ ​0.25​; 
   ​  ​transition​:​ opacity ​0.25​s​ ease-in; 
   ​} 
   ​.​text-container__link​:​hover​::​after​ { 
   ​  ​opacity​:​ ​1​; 
   ​}
  

  I put the background color in a modifier.

  Marked as helpful

  1
• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  Hey good job completing this challenge

  Keep up the good work

  Your solution looks great however I think that the title needs to look a big bigger

  In terms of accessibility issues simply wrap all your content between main tags

  I hope this helps

  Cheers Happy coding 👍

  1