Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Workit Landing Page Challenge

Niroyan 410

@yanniro2

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • Task: Create a responsive landing page according to the provided design.
  • Key Requirements: Ensure responsiveness across different screen sizes and implement hover and focus states for interactive elements.
  • HTML5
  • CSS3
  • CSS Grid for layout
  • Flexbox for element positioning
  • Google Fonts for typography
  • Achieved pixel-perfect replication of the design.
  • Implemented responsive design for mobile, tablet, and desktop screen sizes.
  • Utilized CSS Grid and Flexbox for efficient layout and positioning.
  • Ensured accessibility and interactive user experience.

Community feedback

sung92 450

@sung92

Posted

Hey Niroyan, nice work over there! Just remember not to include the figma file in source/figma in github since this challenge is exlusively for PRO members.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord