Css-manipulation

Css manipulation project contains 3 main sections and includes css boxing, transitions, hovering, mobile responsiveness and object scaling with JS script.

Project structure

• fonts
• images
• index.html
• script.js
• styles.css

Responsiveness: default screen size: 1500px

• Large screens: max-width of 1500px
• Mobile screens: max-width of 480px
• Tablet screens: max-width of 768px and min-width of 481px

Demos

• Desktop demo: https://www.dropbox.com/s/u5lrmit1fu46t25/screen-capture%20%286%29.webm?dl=0
• Mobile demo: https://www.dropbox.com/s/4g11onw8vzwd3m6/mobile-demo.webm?dl=0
• Tab demo: https://www.dropbox.com/s/9mh67158bk8gptw/Tab-demo.webm?dl=0