Create a fully-fledged Landing Page both for Desktop and Mobile devices. Add a sticky, responsive menu and all the cool sections. This project will skyrocket your CSS skills.
Adobe XD design is free. You can use this design for your portfolio/website without any limitations. Additionally, you can share the completed project wherever you want.
Note: All new designs will be coming through BigDevSoon with Figma. This one is considered a legacy design but will always be here.
Read me first
The goal of this project is to build a Landing Page similar to the design above.
Technologies & tools will be proposed down below but feel free to use different ones if you're more familiar with them. Have fun along the way.
How to start
In most cases, CodeSandbox will be the best place for starting out rapidly.
You could also use an IDE, VSCode for example, and create e.g. a GitHub repository with custom deployment. More about it in the "Build & Deploy" section.
Technologies & Tools
Stuck, can't progress?
Take a break, think about all the pieces you need to build for this project.
You can try out the BigDevSoon platform to maximize your learning effectiveness.
Build & Deploy
If you decided on CodeSandbox, there should be a "Share" button that you can use as a link for your completed project.
Share your solution
It would be amazing if you can tweet @BigsonDev with the link to the completed project and/or GitHub repo. All the mentees would love to see what you've built (and me too).