Free
Spense Landing Page

Spense is a landing page for writers. Great for practicing absolute positioning and flex layouts.

What’s included?
Learn more about the Pro Subscription.
    • Spense landing page

      Meena-sekar19 days ago

      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');
          }
      });

    • codewell spence landing-page

      MarkezBell21 days ago

      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

Receive Codewell Updates
Be the first to know when we release new templates, add new features, or do giveaways!
“I wish I had found Codewell when I was starting to learn frontend. It would have saved me a lot of time!”
George Moller
Twitter Content Creator

“Codewell’s designs are so well thought out! They are a great way to hone your Frontend dev skills.”
Isaac Arnold
Self-taught Web Developer

“Codewell is the perfect place for upcoming frontend developers to practice and perfect their craft.”
Freddy Montes
Author of 99 Tips for Webdev
Share this challenge