Product Page

Welcome to the Product Page challenge! In this page, you can navigate between the different tasks of your challenge and submit your solution for evaluation.

Product Page

Create a product page layout from the Figma design. This challenge is pixel-perfect only — no functionality required.

Instructions:

  1. Use the Figma design as your reference to build the product page from scratch.

Evaluating Requirement: The entire body is used for pixel-perfect comparison. Ensure your layout matches the design within the body content.

  1. No JavaScript functionality is required; this is a visual/pixel-perfect challenge.
💡

New to translating Figma designs into code? Check out this free course Figma for Developers by Ahmed Saber

Upload Your Web Page Files (Upload a Folder)

Your Uploaded Page

Upload files to see your page here.

Original Task Page

Evaluation Results

Load a task and upload your files to see evaluation results.