This is a solution to the Article preview component challenge on Frontend Mentor.
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
- Solution URL: This is the solution as seen from Frontend Mentor.
- Live Site URL: Live solution.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
- Accessibility
- Media queries
- Pseudo-classes
- JavaScript vanilla
- Google Fonts
- Normalize
I met a very useful new method called toggle
, which allows to tell the name of a CSS class and if it is active or not.
I continue to improve my learning about DOM manipulation.
- Desarrollo Web 6 - It was on this site that I discovered the method I used for this project.
- MDN web docs - It helped me to better understand the toggle method.
- Codepen - @boudgnosis
- Frontend Mentor - @boudgnosis
- Twitter - @juan_ariasd
- Dev - @juan_duque
- Linkedink - juan pablo arias duque