GreatFrontEnd Projects is now in BETA! For a limited time, get 30% off with the promo code BETA30. Check it out! 🚀

Features Page

Build a typical features page
+300 rep

Project brief

In this challenge, you will combine some of the components you have built in previous challenges into a full features page.

As this challenge is a combination of other sections or components, you should build them first to ensure all states and requirements are covered.

Implementation requirements

The requirements that each component has to fulfill remains the same – you should refer to them in their individual briefs and ensure that their functionality remains intact after integration:

On the page level:

  • Page layout rules: Apply standard page margin and padding rules as well as spacing between the sections as per the design specifications.
  • Navbar: Ensure the navbar is fixed at the top and includes responsive behavior.
  • Copy and asset alignment: While the component used remains the same as the list above, some of the assets, icons or copy might have changed. Check through each section.
  • Placeholders: You may leave the redirection links empty for any unspecified buttons or links.
  • Cross-browser and device compatibility: Check that your solution works for major browsers including Chrome, Firefox, and Safari, and for all stated device breakpoints.

Resources provided

Design files for desktop, tablet and mobile
High resolution image assets
Starter code with content copy
Style guide for typography, colors and spacing
API specifications and sample data

Support you can expect

Official guides & resources
Development guides written & curated by Sr engineers at Big tech, such as:
Learn from good code
We recommend well-rated submissions using the same stack for your reference
Ask any questions in community
Have any doubts or need help? Ask in the community and discuss with others.