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
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Select and submit a number rating
- See the "Thank you" card state after submitting a rating
- built the component almost close to the design provided.
- set hover states for interactive elements using CSS
- customized & added some extra features for elements using Javascript
- component will give a simple feedback animation if rating is undone
- set some animation functions for custom feedbacks
- mobile-version
- desktop-version
- Solution URL: Frontend Mentor Solution Page
- Live Site URL: GitHub Pages
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox & Grid
- Mobile-first workflow
- custom interactions & validations using JS
- with Visual Studio Code Editor
- Frontend Mentor - @M-lakshan
- Dev.to - @mlakshan