The landing page for Manage whose mission is to make it easy for software teams to track daily tasks and achieve team goals.
This implementation of the Manage landing page that was designed and offered as a Frontend Mentor challenge. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
The Frontend Mentor challenge requirements were to ensure that the user should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- See all testimonials in a horizontal slider
- Receive an error message when the newsletter sign up
form
is submitted if:- The
input
field is empty - The email address is not formatted correctly
- The
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Sass
- ES6
- Parcel Bundler
- Glide.js
- Validating forms using the Constraint Validation API.
- Responsively positioning background images on a page.
background-position: calc(50% + 55vw) top;
- Creating a horizontal slider using glidejs.
- Converting this landing page to a React/Angular application.
Referenced ksenia's work from https://github.com/ksenius on positioning background images.