I use HTML & CSS with Jquery plugin only for responsive product page with zoom effect helps beginners. Mobile first approach for small screen, I have removed scrollbar for all browers compatibility. Using jacklmoore jquery plugins for magnifying zoom by hover. Uses flex and grid layout. I hope it will helps to practice html, css and javascript.
User Interface:
- Mouse hover image.
- For mobile click and drag on image states for interactive elements.
- HTML5 markup
- CSS custom properties
- Grid & Flex
- Desktop and mobile-first
Simple project to learn and develop frontend techniques.