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

using pseudo to achieve the arrow and learn js to show/unshow the box

Hoaxilog 130

@Hoaxilog

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


What specific areas of your project would you like help with?

please give a feedback or tips to my share menu.

is it good even though you click the share btn and it show, is the responsiveness is still okay? should i do overflow hidden in that?

Community feedback

@Gnandal

Posted

Wrappe your image with a div, and add border and overflow hidden :

Mobile

add-to-your-wrapper {
   ...
   border-radius: 1rem 1rem 0 0;
}```

Desktop 
```css
add-to-your-wrapper {
   ...
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
}```


add objectif:cover, if necessery
0

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