Spense is a landing page for writers. Great for practicing absolute positioning and flex layouts.
- Figma file Unlock by subscribing to Pro.
- Assets (icons, images, etc)
- README.md file
- PNG design files for desktop, tablet, and mobile.
adding active class for menu on/off in mobile view
var icon = document.querySelector('.humberger__icon');
var navbar = document.querySelector('nav');
var body = document.body
icon.addEventListener('click', () => {
if(navbar.classList.contains('is-active')) {
navbar.classList.remove('is-active');
body.classList.remove('no-scroll');
}
else {
navbar.classList.add('is-active');
body.classList.add('no-scroll');
}
});- 0
- 0
Used a lot of flexbox and grids to organize a lot of the sections.
Checked the solutions and a lot of them werent as responsive and I also thought the brand section missing certain brands on mobile and tablet wasn't the best decision. So I used space around and flex wrap to make it responsive- 0
- 0
Landing Page
- 0
- 0