Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article preview component with SASS and vanilla JS

Filippo 375

@Filippo-B

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi! I didn't have any particular problem with this, but I appreciate any feedback :)

Community feedback

@Gauravkumario

Posted

thank you bro for helping me

1

@Gauravkumario

Posted

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-B

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord