Featured

Responsive Photography Portfolio Website Design with HTML CSS And JavaScript and GSAP



Published
#responsivedesign #gsap #htmlcss #portfolio #javascript

Responsive Photography Portfolio Website Design with HTML CSS And JavaScript and GSAP.

This is a request from a viewer (@ali :)) to convert a existing photography portfolio design to be responsive.

For this tutorial, we will reuse the existing design and change the following:
- convert position:absolute to be position:relative across the design
- Add media query to hide nav menu items on small screens
- change px units to responsive friendly units like rem
- change fixed layouts with fluid flex column and flex rown
- Update GSAP to have custom animation when we are in small screen mode

(Note: have not catered for iPad - but same principles applies)
Category
Web design
Be the first to comment