All comments

• 

  Jax Teller•670

  @piushbhandari

  Submitted almost 3 years ago

  

  Single price grid component

  #accessibility#bem#lighthouse#semantic-ui

  2

  40
  

  Tim•100

  @tlauffs

  Posted almost 3 years ago

  Hi, great solution. Yes you can use grid for this. For example you can use 'grid-template-columns: repeat(2, 1fr);' to create 2 columns of equal width that will shrink as the screen shrinks. A great tutorial that helped me understand how to use grid is here: https://www.youtube.com/watch?v=rg7Fvvl3taU

  0

  Marked as helpful
• 

  nikoProg•120

  @nikoProg

  Submitted almost 3 years ago

  

  Advice Generator App using typescript

  #typescript

  3

  60
  

  Tim•100

  @tlauffs

  Posted almost 3 years ago

  Try using the :hover Selector instead of an ::after pseudoelement to create the glow effect. It will only trigger on hover and you should only need a box-shadow to create the effect. You should also consider adding a :focus state for keyboard navigation as :hover states aren't shown.

  1