![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/ov5fwkh6hyc9oi9xlohk.jpg)
Interactive Article Preview Card Using HTML CSS & Javascript
Design comparison
Solution retrospective
Hello Everyone, I just completed this challenge. Love this challenge so much. By doing this challenge, I learnt how to relate between css media query and javascript.
I have one question I would like to ask you :
I have a problem on how to appearing the share-link section on the mobile-preview, in which the share-link must appear at the very bottom of the card.
So, to make it works, I make 2 different share-link sections, 1 is at the very bottom of the card, and 1 more is above the share-link button. When it is at the desktop media query, I hide the bottom one, and when it at the mobile preview media query, I hide the another one. Although it works, but I find that it is not a good idea.
Do you think are there any efficient way to only just make one share-link section and use it for both media queries ?
Thankyou very much..
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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