Article preview component with SASS and vanilla JS

Community feedback

• 

  Gaurav Kumar•570

  @GauravkumarioPosted about 3 years ago

  thank you bro for helping me

  1
• 

  Gaurav Kumar•570

  @GauravkumarioPosted about 3 years ago

  can you tell me how you made that share section and triangle div ? I'm doing same project but I'm stuck at this point.

  0

  ---

  

  Filippo•375

  @Filippo-BPosted about 3 years ago

  Hi @Gauravkumario !

  The triangle is the easy part, it’s made by setting the width and height of a div to 0 and then playing with the width of the borders. You can use an online generator to make the life easier for yourself.

  The share section it’s more complicated since you must style the same HTML it in two different ways for desktop and mobile, plus add a class with javascript when the menu is active that makes the section behave in two different ways (media queries here are essential).

  I don’t understand exactly where you are stuck, can you be more specific? Feel free to download or fork my repo to understand how it works or even use it as a blueprint.

  1