Thanks for checking out this front-end coding challenge.
Frontend Mentor challenges allow you to improve your skills in a real-life workflow.
- Build out the landing page and get it looking as close to the design as possible.
Your users 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
Design files are inside the /design
folder. You will find both a mobile and a desktop version of the design to work to.
The designs are in JPG static format, for styles such as font-size
, padding
and margin
were guessed in a best effort to approximate the given design.
All the required assets are in the /images
folder. The assets were already optimized. (this is how awesome FrontEndMentor.io are.)
There is also a style-guide.md
file, which contains the information you'll need, such as color palette and fonts.
##MyFrontEndMentor Community Sponsors
A massive thank you to our community & sponsors!
- Sizzy is an extremely useful browser designed specifically to improve a developer's workflow when building websites. You can fire up multiple device emulators and run them all in sync while building out your web pages. Perfect for helping build fully responsive websites!
- Diversify Tech is an amazing resource for underrepresented people in tech. The site features job listings for anyone seeking new opportunities. The resource section is also full of useful links to dive into!
- Dracula PRO is a beautiful dark theme to help keep you focused and productive while you code. The theme isn't just for your editor either. You can also apply it to your most-used apps like your terminal and even Slack!