This is a solution to the Article preview component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- Semantic HTML5 markup
- SCSS
- Flexbox
- React Styled components
.proud-of-this-css {
filter: brightness(0) invert(1);
}
const handleClick = () => {
let contactArrow = document.querySelector('.contact');
let shareDiv = document.querySelector('.share');
contactArrow.classList.toggle('clicked');
shareDiv.classList.toggle('visible');
};
- Stackoverflow
- MDN docs
- Website - 404
- Frontend Mentor - @LenyPython