Frontend Mentor challenges help you improve your coding skills by building realistic projects
This is an entry-level NEWBIE(Free) challenge that uses HTML, CSS & JS
- build out this article preview component and get it looking as close to the design as possible.
- set hover states for interactive elements using Javascript
- built the component almost close to the design provided.
- set hover states for interactive elements using Javascript
- used some additional interactive states for interactive elements using Javascript
- customized clicked-view state for the article share button
- zoomed hover state for article presenter
- mobile-version
- desktop-version
- Solution URL: Frontend-Mentor Solution Page
- Live Site URL: GitHub Pages
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox
- Mobile-first workflow
- custom interactions using JS
- with Visual Studio Code Editor
- Frontend Mentor - @M-lakshan
- Dev.to - @mlakshan