Landing-page layout for Sale (Philipp Plein)

Landing page on pure JavaScript: responsive layout

Project functionality

• Sliders with content loaded from the data array
• Automatic page content switching depending on the selected products category (gender)

Technology stack

• Flexbox-layout
• Grid-layout
• BEM-nested
• Variable fonts
• Relative sizes of the elements depending on the screen resolution
• CSS animations
• Class JavaScript objects for reuse with different content